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

DropDownList - Keyboard Navigation

  • Keyboard-navigation.razor
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.
  • 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.
  • Printable characters such as a letter or a number select the first item in the list whose text starts with that character. If such an item is already selected, selects the next.

Support & Learning Resources

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