MultiSelect - KeyBoard Navigation

Focus

• Alt + W focuses the first component in the example

Supported keys and user actions

• Alt + Down opens the popup element when the component is focused.
• Alt + Up closes the popup element if it is open.
• Esc closes the popup element if it is open. If it is not open, clears the input value.
• Up arrow focuses the previous item in the list.
• Down arrow focuses the next item in the list.
• Left arrow focuses the previous selected tag in the tag list.
• Right arrow focuses the next selected tag in the tag list.
• Home focuses the first item in the list.
• End focuses the last item in the list.
• Enter selects the currently focused item, or closes the popup if already selected
• Backspace or Delete removes the focused tag from the selection.
• Printable character opens the popup element when the component is focused, focuses the first matching option.