mdb-select use keyboard to select item


Topic: mdb-select use keyboard to select item

Odhran pro premium priority asked 5 years ago

Is it possible to select an item from mdb-select using arrow keys and then Tab key instead of Enter key?

I found 2 other questions on your support forum where people have asked the same question - the first question was asked over 3 years ago and there was a lot of interest in getting it resolved - has this been resolved yet or is there a workaround that I can use?

https://mdbootstrap.com/support/angular/mdb-select-using-tab-19a41/ https://mdbootstrap.com/support/angular/selecting-tabs-programmatically/

Thanks.


Mateusz Łubianka staff commented 5 years ago

Hi @Odhran,

As you can see in MDB docs examples: https://mdbootstrap.com/docs/jquery/forms/select/#basic there is no option to select an item using TAB key. You can do this by Enter key. these two links are about MDB Angular version.

Best,


Odhran pro premium priority commented 5 years ago

As the other people who asked the same question have pointed out, it's not good practice to use the Enter key as that is associated with submitting the form. Is there a workaround for this? Thanks.


Mateusz Łubianka staff answered 5 years ago

@Odhran,

You can also use spacebar to select an item. https://mdbootstrap.com/snippets/jquery/mateusz-lubianka/1905604 tab to focus -> enter to open -> arrows to move -> spacebar to select

Best,


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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