@progress/wct-a11y-spec/dist/react/keyboard/dropdowntree_keyboard.md

Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.

## 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]({{treeview_kb_link}})

## Resources

[WAI-ARIA Authoring Practices: Combobox Pattern ](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/)

[WAI-ARIA Authoring Practices: Select-Only Combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/)

[WAI-ARIA Authoring Practices: Navigation Treeview](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/examples/treeview-navigation/)