All Components


    MultiSelect / Keyboard navigation

    T-shirt Sizes


    Closed popup:

    • left arrow highlights previous selected item
    • right arrow highlights next selected item
    • home highlights first selected item
    • end highlights last selected item
    • page up scrolls the screen up
    • page down scrolls the screen down
    • delete deletes highlighted item
    • backspace deletes previous selected item
    • down arrow opens the popup
    • esc clears highlighted item

    Opened popup:

    • up arrow highlights previous item
    • down arrow highlights next item
    • home highlights first item in the popup
    • end highlights last item in the popup
    • enter selects highlighted item
    • esc closes the popup
    • up arrow closes the popup if the first item is highlighted

    HTML5/JavaScript source

    Also available for:

    API Reference
    • keyboard-navigation.html
    • Sample service
    • Widget configuration

    Support & learning resources

    MultiSelect for other technologies