Autocomplete Component First Option is Selected on press Tab or Enter

Hello Syncfusion Team,


For Blazor AutoComplete component, is it possible to select the first option if user press either Enter,or Tab on his keyboard.

https://blazor.syncfusion.com/demos/autocomplete/default-functionalities?theme=fluent2


Thanks

Ahmed


1 Reply

KP Kokila Poovendran Syncfusion Team September 24, 2024 12:31 PM UTC

Hi,

Thank you for reaching out to us regarding the Blazor AutoComplete component.

We understand your request for the functionality to select the first option when the Enter or Tab key is pressed. By default, the AutoComplete component behaves as follows:

  • Pressing Alt + Down Arrow opens the dropdown menu, allowing you to navigate through the available options using the Up and Down Arrow keys.
  • When you press the Enter key, the currently highlighted option will be selected.
  • The same behavior applies when using the Tab key to navigate through the items.

If you would like to select the first item in the dropdown using the Enter key, you can first focus on the dropdown and then press the Enter key. This will select the highlighted item.

Sample: https://blazorplayground.syncfusion.com/VZLJZkhJpLQTmuXo


Loader.
Up arrow icon