Blazor ComboBox Example - Keyboard Navigation
This example demonstrates the keyboard functionalities of Blazor ComboBox component. Use keyboard shortcuts to interact with ComboBox.
The ComboBox supports the following keyboard shortcuts to initiate various 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.
- Page down - Scrolls down to the next page and selects the first item when the popup list opens.
- Page up - Scrolls up to the previous page and select the first item when the popup list opens.
- Esc - Closes the popup list when it is in an open state and the currently selected item remains the same.