Topic: mdb-select use keyboard to select item
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.
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,
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.8.9
- Device: laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Odhran priority commented 4 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 commented 4 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,