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

ContextMenu - Keyboard Navigation

Mail Box
Inbox
Sent
Drafts
Spam
  • 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

  • Shift + F10 - activates the context menu from the context of the current focused element
  • Esc - close the popup of the context menu when the focus is in the main context menu
  • Enter activates the item and closes the context 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.
  • 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