New to Kendo UI for Vue? Start a free 30-day trial
Keyboard Navigation
The keyboard support of the DropDownList is always available.
To apply the keyboard shortcuts, focus the DropDownList by clicking the example area and pressing the Tab key.
The DropDownList, its button, and drop-down elements support the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Up Arrow | Highlights the previous item. |
Left Arrow | Highlights the previous item. |
Down Arrow | Highlights the next item. |
Right Arrow | Highlights the next item. |
Home | Selects the first item in the list. |
End | Selects the last item in the list. |
Page Up | Scrolls the popup up. |
Page Down | Scrolls the popup down. |
Enter | Selects the highlighted item. |
Esc | Closes the popup. |
Space |
|
Alt+Down Arrow | Opens the popup. |
Alt+Up Arrow | Closes the popup. |
Example
View Source
Change Theme:
