Vue DropDowns Library & MultiColumnComboBox - 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 / MultiColumnComboBox / Keyboard Navigation /

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

The keyboard support of the MultiColumnComboBox is always available.

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

The MultiColumnComboBox, its input, and popup elements support the following keyboard shortcuts:

SHORTCUT	DESCRIPTION
`Up Arrow`	Highlights the previous item.
`Down Arrow`	Highlights the next item.
`Home`	Highlights the first item.
`End`	Highlights the last item.
`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.
`Alt`+`Down Arrow`	Opens the popup.
`Alt`+`Up Arrow`	Closes the popup.

Example

View Source

Change Theme:

Suggested Links