New to Kendo UI for Vue? Start a free 30-day trial

Keyboard Navigation

The keyboard support of the AutoComplete is always available.

To apply the keyboard shortcuts, focus the AutoComplete by clicking the example area and pressing the Tab key.

The AutoComplete and its drop-down elements support the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Up Arrow Highlights the previous item.
 Down Arrow
  • Highlights the next item.
  • Opens the popup if the value is set.
 Page Up Scrolls the popup up.
 Page Down Scrolls the popup down.
 Enter Selects the highlighted item.
 Esc 
  • Closes the popup.
  • Clears the value if the popup is not opened.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?