Keyboard Navigation

The keyboard navigation of the TreeView is always available.

The TreeView supports the following keyboard shortcuts:

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	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.
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.
Space	Checks the focused node.
Enter	Selects the focused node. When using multiple selection all other selected items get deselected.
Ctrl/Cmd(Mac) + Enter	Selects the focused node. When using multiple selection and the item is already selected, it gets deselected.

Change Theme

Theme

Loading ...

Suggested Links

• Angular TreeView Homepage
• API Reference of the Angular TreeView
• Accessibility