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

Keyboard Navigation

The keyboard support of the DropDownTree is always available.

The DropDownTree supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Access Key+w Focuses the DropDownTree.

When the popup is closed, the DropDownTree supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Right ArrowHighlights the next selected item.
Left ArrowHighlights the previously selected item.
HomeHighlights the first selected item.
EndHighlights the last selected item.
DeleteDeletes the highlighted item.
BackspaceDeletes the highlighted item or the last item.
Alt+Down ArrowOpens the popup.
EscClears all items.

When the popup is opened, the DropDownTree supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Down ArrowHighlights the next item.
Up ArrowHighlights the previous item.
HomeHighlights the first item in the popup.
EndHighlights the last item in the popup.
Alt+Up ArrowCloses the popup.
EscCloses the popup.

The DropDownTree supports the following keyboard shortcuts for navigation:

SHORTCUTDESCRIPTION
Down ArrowHighlights the next item.
Up ArrowHighlights the previous item.
Left Arrow Collapses the item.
Right ArrowExpands the item.
HomeHighlights the first item in the list.
EndHighlights the last item in the list.
EnterSelects the highlighted item when the DropDownTree does not render checkboxes.
SpaceChecks the highlighted item when the DropDownTree renders checkboxes.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?