Blazor MultiColumn ComboBox Example - Keyboard Navigation
This example demonstrates the keyboard navigation capabilities of the Blazor MultiColumn ComboBox. Users can interact with the ComboBox using only the keyboard, providing an accessible and efficient way to navigate through the list and select items.
The MultiColumn ComboBox supports comprehensive keyboard navigation, allowing users to perform all interactions without a mouse. You can open the dropdown, navigate through items, select an option, and close the dropdown using standard keyboard keys. This feature enhances accessibility and improves the user experience for keyboard-centric users.
MultiColumn ComboBox supports the below keyboard actions
Focus- Alt + J - Focuses on the first component of the sample.
- Alt + Down arrow - Opens the popup list.
- Alt + Up arrow - Closes the popup list.
- Home - Cursor moves before the first character in the input.
- End - Cursor moves next to the last character in the input.
- Tab - Focuses on the next Tab Index element on the page.
- Shift + Tab - Focuses on the previous Tab Index element on the page.
- Enter - Selects the focused item, and when it is in an open state the popup list closes.
- Down arrow - Selects the first item in the ComboBox when no item is selected. Otherwise, selects the item next to the currently selected item.
- Up arrow - Selects the item previous to the currently selected one.
- Esc - Closes the popup list when it is in an open state and the currently selected item remains the same.