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:

SHORTCUTDESCRIPTION
 Up Arrow Highlights the previous item.
 Left ArrowHighlights the previous item.
 Down ArrowHighlights 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 
  • Opens the popup.
  • Selects the highlighted item.
 Alt+Down ArrowOpens the popup.
 Alt+Up Arrow Closes the popup.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?