| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Keyboard Navigation |
Keyboard Navigation - MultiSelect - Kendo UI for Vue |
Explore the keyboard navigation options provided by the Kendo UI MultiSelect wrapper for Vue. |
keyboard_navigation_multiselect_wrapper |
9 |
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:
| SHORTCUT | DESCRIPTION |
|---|---|
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:
| SHORTCUT | DESCRIPTION |
|---|---|
Up Arrow |
|
Shift+Up Arrow |
Selects the previous item. |
Down Arrow |
Highlights the next item. |
Shift+Down Arrow |
Selects the next item. |
Home |
Highlights the first item in the list. |
Ctrl+Shift+Home |
Selects all items from the beginning. |
End |
Highlights the last item in the list. |
Ctrl+Shift+End |
Selects 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. |
{% meta height:350 %} {% embed_file multiselect/keyboard/main.vue preview %} {% embed_file multiselect/keyboard/main.js %} {% endmeta %}