Vue DropDowns Library & AutoComplete - Keyboard Navigation - Kendo UI for Vue Docs & Demos

Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- - Overview
  - AutoComplete
  - ComboBox
  - DropDownList
  - MultiColumnComboBox
  - MultiSelect
  - API
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Dropdowns / AutoComplete / Keyboard Navigation /

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

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:

SHORTCUT	DESCRIPTION
`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

Change Theme:

Suggested Links