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

Keyboard Navigation

The keyboard navigation of the DropDownTree is always available.

The DropDownTree supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Up ArrowMoves the focus to the previous focusable node without opening or closing a node.
Down ArrowMoves the focus to the next focusable node without opening or closing a node.
Left Arrow
  • Closes an open, focused node.
  • Moves the focus from an end or closed child node to the parent node.
  • Does nothing when the focus is on an end or closed root node.
Right Arrow
  • Opens a closed, focused node. Does not move the focus.
  • Moves the focus from an open and focused node to its child node.
  • Does nothing when the focus is on an end node.
EnterOpens the popup or selects the highlighted item if the popup is already open.
EscCloses the popup.
HomeMoves the focus to the first node in the tree without opening or closing a node.
EndMoves the focus to the last focusable node in the tree without opening or closing a node.
Alt+Down ArrowOpens the popup.
Alt+Up ArrowCloses the popup.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?