Topic: Press Tab key after searching something in autocomplete does not select.

noveltytech priority asked 2 years ago


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.)


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.


Arkadiusz Idzikowski staff answered 2 years ago


We added this feature to autocomplete and select in v2.3.0. To enable it in your components, use [autoSelect]="true" input.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • 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