Keyboard Support

The MultiSelect also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.

The keyboard navigation of the MultiSelect is always available, you can use the following keys in order to utilize this functionality:

Focus

  • [Access key + w] - focuses the widget

Closed Popup

  • [left arrow] - highlights previous selected item
  • [right arrow] - highlights next selected item
  • [home] - highlights first selected item
  • [end] - highlights last selected item
  • [delete] - deletes highlighted item
  • [backspace] - deletes previous selected item
  • [down arrow] - opens the popup
  • [esc] - clears all items

Opened Popup

  • [up arrow] - highlights previous item
  • [shift + up arrow] - selects previous item
  • [down arrow] - highlights next item
  • [shift + down arrow] - selects next item
  • [home] - highlights first item in the popup
  • [ctrl + shift + home] - selects items to the beginning
  • [end] - highlights last item in the popup
  • [page up] - scrolls the popup up
  • [page down] - scrolls the popup down
  • [ctrl + shift] - end selects items to the end
  • [enter] - selects highlighted item
  • [ctrl + space] - selects highlighted item
  • [ctrl] - a selects all items
  • [esc] - closes the popup
  • [up arrow] - closes the popup if the first item is highlighted
  • [esc] - closes the popup

See Also

In this article
Not finding the help you need? Improve this article