# Keyboard Navigation

The keyboard navigation of the DropDownTree is always available. The dropdown arrow button serves mouse and touch interaction. To open the popup with the keyboard, press `Alt+Down Arrow`.

The DropDownTree supports the following keyboard shortcuts:

| SHORTCUT                  | DESCRIPTION                                                                                                                                                                                                |
| :------------------------ | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Up Arrow`                | Moves the focus to the previous focusable item without opening or closing an item.                                                                                                                         |
| `Down Arrow`              | Moves the focus to the next focusable item without opening or closing an item.                                                                                                                             |
| `Left Arrow`              | <ul><li>Closes an open, focused item.</li> <li>Moves the focus from an end or closed child item to the parent item.</li> <li>Does nothing when the focus is on an end or closed root item.</li></ul>       |
| `Right Arrow`             | <ul><li>Opens a closed, focused item. Does not move the focus.</li> <li>Moves the focus from an open and focused item to its child item.</li> <li>Does nothing when the focus is on an end item.</li></ul> |
| `Enter`                   | Opens the popup or selects the highlighted item if the popup is already open.                                                                                                                              |
| `Esc`                     | Clears the selected value when the popup is not open.                                                                                                                                                      |
| `Home`                    | Moves the focus to the first item in the tree without opening or closing a item.                                                                                                                           |
| `End`                     | Moves the focus to the last focusable item in the tree without opening or closing an item.                                                                                                                 |
| `Alt`+`Down Arrow`        | Opens the popup.                                                                                                                                                                                           |
| `Alt`+`Up Arrow` or `Esc` | Closes the popup.                                                                                                                                                                                          |
| `Space`                   | Toggles the popup if the filter input is not focused.                                                                                                                                                      |

The following example demonstrates the supported keyboard shortcuts.

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

## Navigation Scenarios

When the popup of the DropDownTree is opened, it adopts the same keyboard shortcuts as the keyboard shortcuts of a selectable [TreeView](https://www.telerik.com/kendo-angular-ui/components/treeview/keyboard-navigation).

## Suggested Links

* [API Reference of the DropDownTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/dropdowntreecomponent)
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdowntree/accessibility)