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

Menu - Keyboard Navigation

Configurator

Select the orientation of the menu


  • 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

Common

  • Enter activates the item and closes the menu. If the current menu item has a submenu (child items), opens the submenu and places the focus on its first item.
  • Space same as Enter
  • Home moves focus to the first item in the current menu or sub-menu.
  • End moves focus to the last item in the current menu or sub-menu.

Horizontal Menu

  • Down arrow and Up arrow moves focus to the next/previous item in the sub-menu, wrapping around the items list. If the focus is on an item that has child items, opens the sub-menu and focuses its first item.
  • Left arrow and Right arrow moves focus to the next/previous item in the main menu, wrapping around the items list. If the focus is in a sub-menu item that has child items, opens the sub-menu and focuses its first item. If the focus is in a sub-menu item that does not have child items, closes the sub-menu and moves the focus to the previous/next item in the main menu, while also expanding its sub-menu wihtout focusing it.

Vertical Menu

  • Down arrow moves focus to the next item in the main menu or a sub-menu, wrapping around the items list. If the last item of the main menu is reached, closes a sub-menu (if present), moves to the first item and expands its sub-menu without focusing it.
  • Up arrow moves focus to the previous item in the main menu or a sub-menu, wrapping around the items list.
  • Left arrow opens the sub-menu of an item that has child items and places the focus on the last item of the sub-menu. If the focus is in a sub-menu item, closes the sub-menu and focuses its parent item.
  • Right arrow opens the sub-menu of an item that has child items and places the focus on the first item of the sub-menu.

Support & Learning Resources

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