Material Select - Keyboard Navigation?


Topic: Material Select - Keyboard Navigation?

cdenby pro asked 6 years ago

When using a browser default select, it's possible to focus (tab in) and then use the keyboard to navigate the selection.

Example:

<select>
   <option value="1">1</option>
   <option value="1a">1a</option>
   <option value="1b">1b</option>
   <option value="2a">2a</option>
   <option value="2b">2b</option>
   <option value="2c">2c</option>
   <option value="3">3</option>
</select>

In this case, we can get focus and then key "1" once for the "1", again for the "1a" and again for the "1b".

Is that functionality a possibility at all with materialSelect? I can't seem to find anything about this.


Piotr Glejzer staff commented 6 years ago

There is not possible with material select for now. I add a task to look into this in the future. Have a nice day.


Jogesh pro commented 6 years ago

Hello Piotr Glejzer, We also had the same accessibility issue, without which Material Select component is not a 100 percent accessible component. We see many users raising this keyboard navigation and the auto-focus to search input issues in common. So kindly prioritize this issue at top.


Jogesh pro commented 6 years ago

Hello Piotr Glejzer, It's been more than a month and we have no update from your team, can we expect a fix on this issue in the upcoming release.


Piotr Glejzer staff commented 6 years ago

we still didn't improve that keyboard navigation. Not all suggest we can implement in the fastest way but we try to this as soon as possible.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

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