Keyboard Navigation

The keyboard navigation of the DropDownTree is always available.

The DropDownTree supports the following keyboard shortcuts:

Closed state

SHORTCUT	DESCRIPTION
Alt+Down Arrow	Opens the popup.
Alt+Up Arrow	Closes the popup.
Esc	Closes the popup.

Opened state

SHORTCUT	DESCRIPTION
Up Arrow	Moves the focus to the previous focusable node without opening or closing a node.
Down Arrow	Moves the focus to the next focusable node without opening or closing a node.
Left Arrow	If the focus is on an open node, fires the onExpandChange event. If the focus is on a child node, which is also closed or located in the end, moves the focus to its parent.
Right Arrow	If the focus is on a closed node, fires the onExpandChange event. If the focus is on an open node, moves the focus to the first child node.
Home	Moves the focus to the first node in the tree without opening or closing a node.
End	Moves the focus to the last focusable node in the tree without opening or closing a node.
Enter	Fires the onChange event.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the DropDownTree
• Accessibility