Topic: Press Tab key after searching something in autocomplete does not select.
Expected behavior In autocomplete, when I search something and hover the searched item by arrow keys, and the I press the Tab key, the item needs to be selected as when I press Enter key. Actual behavior The item is selected when I press Enter key, but not when I press Tab. Resources (screenshots, code snippets etc.)
We added this feature to autocomplete and select in v2.3.0. To enable it in your components, use [autoSelect]="true" input.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 2.0.0
- Device: Lenovo
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No
Arkadiusz Idzikowski staff commented 2 years ago
@noveltytech This is not something we want to add as default behavior, but it looks interesting and we will probably add a new input that will enable this feature. I added this to our to-do list.
noveltytech priority commented 2 years ago
Hope this feature will be added soon.
Mayerkel priority commented 2 years ago
I am disappointed this is not a default behavior considering it is a dropdown. Dropdowns are expected to be able to be navigated with tab+enter, or arrow keys+enter.
Hoping this is added soon.
Arkadiusz Idzikowski staff commented 2 years ago
@Mayerkel Navigation with arrow keys and enter should work correctly, did you have any problems with this feature? This thread is about auto-selection after tab-out from an opened dropdown.
Arkadiusz Idzikowski staff commented 2 years ago
@Mayerkel Navigation with arrow keys and enter should work correctly, did you have any problems with this feature? This thread is about auto-selection after tab-out from open dropdown.