New to Telerik UI for Blazor? Download Free 30-day trial

ComboBox - Keyboard Navigation

  • Keyboard-navigation.razor
  • ProductService.cs
  • ProductBindingModel.cs
  • ProductCategory.cs
Loading the demo source code...please wait.

Focus

  • Alt + W focuses the first component in the example

Supported keys and user actions

  • Alt + Down opens the dropdown element when the component is focused.
  • Alt + Up or Esc closes the dropdown element if it is open.
  • Esc clears the input value if it is focused (the dropdown is not opened) and the user is typing a custom value (acts like the "Clear" button).
  • Up arrow moves focus to the previous item in the list.
  • Down arrow moves focus to the next item in the list.
  • Home moves focus to the first item in the list.
  • End moves focus to the last item in the list.
  • Enter selects the currently focused item (for example, if you are filtering by typing this would be the first item that matches the filter).

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload