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:
SHORTCUT | DESCRIPTION |
---|---|
Shift +F10 | When applied to a target, the command opens the ContextMenu. |
Up Arrow | Focuses the previous item. |
Down Arrow | Focuses the next item. |
Left Arrow |
|
Right Arrow |
|
Home | Focuses the first item. |
End | Focuses the last item. |
Enter | Selects 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. |
Space | Selects 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 character | Focuses 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: