New to Kendo UI for Angular? Start a free 30-day trial

Keyboard Navigation

The keyboard navigation of the ContextMenu is always available.

The Menu supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Shift+F10When applied to a target, the command opens the ContextMenu.
Up ArrowFocuses the previous item.
Down ArrowFocuses the next item.
Left Arrow
  • (For root items) opens the item and focuses the last child.
  • (For child items) closes and focuses the parent.
Right Arrow
  • (For items with children) opens the item and focuses the first child.
  • (For child items without children) focuses and opens the next root item.
HomeFocuses the first item.
EndFocuses the last item.
EnterSelects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL.
SpaceSelects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL.
Escape(For child items) Closes and focuses the parent.
Alphanumeric characterFocuses the next item with text starting with the character.

The following example demonstates the available keyboard navigation of the ContextMenu component.

Example
View Source
Change Theme:

In this article

Not finding the help you need?