Keyboard Navigation

Premium

Keyboard Shortcuts

This section lists the keyboard shortcuts supported by the DropDownTree composite elements.

DropDownTree Wrapping Element

The following table summarizes the keyboard combinations and input behavior supported by the DropDownTree wrapper element:

Shortcut	Behavior
Down Arrow	Selects the next available item.
Up Arrow	Selects the previous available item.
Alt/Opt(Mac) Down	Opens the popup.
Alt (or Opt on Mac) + Up Arrow or Esc	`Closes the popup.
Enter	Selects and confirms the focused item.
Esc	Clears the value when the popup is not open.

Listbox Popup

The treeview element inside the popup must implement the keyboard navigation specification for a TreeView component:

TreeView specification

Resources

WAI-ARIA Authoring Practices: Combobox Pattern

WAI-ARIA Authoring Practices: Select-Only Combobox

WAI-ARIA Authoring Practices: Navigation Treeview

Change Theme

Theme

Loading ...

See Also

• API Reference of the DropDownTree
• Accessibility
• Accessibility in KendoReact
• Accessibility Compliance and Keyboard Support in KendoReact