Keyboard Navigation

Updated on Oct 28, 2026

The keyboard navigation of the DropDownTree is always available. The dropdown arrow button serves mouse and touch interaction. To open the popup with the keyboard, press Alt+Down Arrow.

The DropDownTree supports the following keyboard shortcuts:

SHORTCUT	DESCRIPTION
Up Arrow	Moves the focus to the previous focusable item without opening or closing an item.
Down Arrow	Moves the focus to the next focusable item without opening or closing an item.
Left Arrow	Closes an open, focused item. Moves the focus from an end or closed child item to the parent item. Does nothing when the focus is on an end or closed root item.
Right Arrow	Opens a closed, focused item. Does not move the focus. Moves the focus from an open and focused item to its child item. Does nothing when the focus is on an end item.
Enter	Opens the popup or selects the highlighted item if the popup is already open.
Esc	Clears the selected value when the popup is not open.
Home	Moves the focus to the first item in the tree without opening or closing a item.
End	Moves the focus to the last focusable item in the tree without opening or closing an item.
Alt+Down Arrow	Opens the popup.
Alt+Up Arrow or Esc	Closes the popup.
Space	Toggles the popup if the filter input is not focused.

The following example demonstrates the supported keyboard shortcuts.

Example

View Source

Loading ...

Navigation Scenarios

When the popup of the DropDownTree is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of a selectable TreeView.

Suggested Links

• API Reference of the DropDownTree
• Accessibility