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
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?