# Keyboard Navigation

The keyboard navigation of the DropDownTree is always available.

The DropDownTree supports the following keyboard shortcuts:

## Closed state

| SHORTCUT           | DESCRIPTION       |
| :----------------- | :---------------- |
| `Alt`+`Down Arrow` | Opens the popup.  |
| `Alt`+`Up Arrow`   | Closes the popup. |
| `Esc`              | Closes the popup. |

## Opened state

| 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`  | <ul><li>If the focus is on an open node, fires the [`onExpandChange`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdowntreeprops#onexpandchange) event.</li><li>If the focus is on a child node, which is also closed or located in the end, moves the focus to its parent.</li></ul> |
| `Right Arrow` | <ul><li>If the focus is on a closed node, fires the [`onExpandChange`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdowntreeprops#onexpandchange) event.</li><li>If the focus is on an open node, moves the focus to the first child node.</li></ul>                                  |
| `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`](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdowntreeprops#onchange) event.                                                                                                                                                                                    |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dropdowns/dropdowntree/basic/source.txt)

## Suggested Links

* [API Reference of the DropDownTree](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/api/dropdowntreeprops)
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/dropdowns/dropdowntree/accessibility/wai-aria-support)