## 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}})

### ActionSheet Popup


In adaptive mode, the popup element of the DropDownTree has to implement the keyboard navigation specification for an ActionSheet component.

[ActionSheet  specification]({{actionsheet_kb_link}})


The following rules deviate from the standard ActionSheet behavior:

| Shortcut | Behavior |
| -------- | -------- |
| `Tab` | Closes the actionsheet and focuses the next focusable element. |

## 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/)