Topic: Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
Expected behavior When navigating using keyboard to Material Select component, their should be auto-focus to search text-box (when searchable attribute is provided). Also keyboard user should be able to select the searchable result after searching the required option from search text-box.
Actual behavior Current behavior of material select search box component does not meet accessibility. Upon receiving focus to search box, dropdown disappears and a keyboard user is unable to select the required option through search box. Due to this inaccessibility, keyboard user have to undergo selecting the required option using Up/Down arrows for multi optioned(for ex. 50 to 100 options) select element.
Resources (screenshots, code snippets etc.)
Hire our experts to help you design or build a dedicated project.VIEW SERVICES
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.7
- Device: Windows
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No