Keyboard Navigation

The keyboard navigation of the MultiSelectTree is always available.

The MultiSelectTree supports the following keyboard shortcuts:

Closed state

The MultiSelectTree allows navigating through the opened and closed popup state when the focus is on the input.

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

Opened state

The MultiSelectTree allows navigating through the TreeView and other items when it's opened.

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.

Tags Navigation

The MultiSelectTree allows navigating through the value tags when the focus is on the input.

SHORTCUT	DESCRIPTION
Left Arrow	Focuses the previous selected tag.
Right Arrow	Focuses the next selected tag.
Home	Focuses the first selected tag.
End	Focuses the last selected tag.
Delete	Deletes the focused tag.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the MultiSelectTree
• Accessibility