Keyboard tab navigation to search field of material select i

web
mobile

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

Jogesh pro asked a year ago

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.) enter image description here


Bartłomiej Malanowski staff pro premium commented a year ago

I like that idea. Currently, we don't offer the feature you're looking for, but I've added this to our list of ideas


Jogesh pro commented a year ago

Hello Bartłomiej Malanowski, I don't think, above issue as a new idea other than a bug in Material Select component, without which, we cannot say the component meets the accessibility. Keyboard users unable to make use of this component, unless they are able to search and select their option. So, kindly consider this as a bug and provide us a solution at the earliest.


Bartłomiej Malanowski staff pro premium commented a year ago

Roger that! It's on our TODO list


Jogesh pro commented a year ago

Hello Bartłomiej Malanowski, can we expect any update on above bug in the coming days?


Bartłomiej Malanowski staff pro premium commented a year ago

This isn't planned to be shipped in the upcoming release - it's still on the todo list


Jogesh pro commented a year ago

Hello Bartłomiej Malanowski, It's been more than 3 weeks. Any update?


Bartłomiej Malanowski staff pro premium commented a year ago

As I can see, it's still in our TODO list


Custer pro premium commented a year ago

It's a really annoying "bug" and should be fixed as fast as possible. Otherwise the material select form is unuseable for keyboard-users. Hope we get that soon!


Bartłomiej Malanowski staff pro premium commented a year ago

This is stuck in the TODO list


Jogesh pro commented 12 months ago

Hello Bartłomiej Malanowski, It's been more than 1 month. Can we expect solution for next release?


Bartłomiej Malanowski staff pro premium commented 12 months ago

As I can see, it's not planned to be shipped in the nearest release


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.7.7
  • Device: Windows
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No