Blazor MultiSelect Dropdown Example - Keyboard Navigation

This example demonstrates the keyboard interaction capabilities of MultiSelect component for efficient navigation and selection without using the mouse.

Keyboard shortcuts supported:

Focus Navigation

• Alt + J – Focuses on the first component

Input Navigation

• Alt + Down arrow – Opens the popup list.
• Alt + Up arrow – Closes the popup list.
• Tab – Focuses on the next Tab Index element when popup is closed; closes popup when open.
• Shift + Tab – Focuses on the previous Tab Index element when popup is closed; closes popup when open.

Selection

• Enter – Selects the focused item and closes the popup list.

Popup Navigation

• Down arrow – Sets focus on the first item when no item is selected; otherwise moves to the next item.
• Up arrow – Moves focus to the previous item.
• Page Down – Scrolls to the next page and sets focus on the first item when popup opens.
• Page Up – Scrolls to the previous page and sets focus on the first item when popup opens.
• Home – Sets focus on the first item.
• End – Sets focus on the last item.
• Esc – Closes the popup list and retains the current selection.