New to Kendo UI for Vue? Start a free 30-day trial
You’re currently viewing documentation for our jQuery wrappers.This product reached EOL in May, 2024. To ensure smoother transition we provide support till May, 2025. Check here details and migration guidelines.

Keyboard Navigation

The keyboard support of the MultiSelect is always available.

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

When the popup is closed, the MultiSelect supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Left Arrow Highlights the previously selected item.
 Right Arrow Highlights the next selected item.
 Home Selects the first selected item.
 End Selects the last selected item.
 Delete Removes the highlighted item from the selection.
 Backspace Removes the previously selected item from the selection.
 Down Arrow Opens the popup.
 Esc Clears all selected items.

When the popup is opened, the MultiSelect supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
 Up Arrow 
  • Highlights the previous item.
  • Closes the popup if the first item is highlighted.
 Shift+Up Arrow Selects the previous item.
 Down ArrowHighlights the next item.
 Shift+Down ArrowSelects the next item.
 Home Highlights the first item in the list.
 Ctrl+Shift+HomeSelects all items from the beginning.
 End Highlights the last item in the list.
 Ctrl+Shift+EndSelects all items to the end.
 Page Up Scrolls the popup up.
 Page Down Scrolls the popup down.
 Enter Selects the highlighted item.
 Ctrl+Space Selects the highlighted item.
 Ctrl+A Selects all items.
 Esc Closes the popup.
Example
View Source
Change Theme:

In this article

Not finding the help you need?