Blazor AutoComplete Example - Keyboard Navigation

This example demonstrates keyboard interaction capabilities of Blazor AutoComplete component for efficient navigation and selection.

Keyboard shortcuts supported:

Focus Navigation

• Alt + J – Focuses on first component

Input Navigation

• Alt + Down arrow – Opens suggestion list
• Alt + Up arrow – Closes suggestion list
• Home – Cursor moves before first character
• End – Cursor moves after last character
• Tab – Focuses next Tab Index element
• Shift + Tab – Focuses previous Tab Index element

Selection

• Enter – Selects focused item

Popup Navigation

• Down arrow – Opens list or selects next item
• Up arrow – Opens list or selects previous item
• Page down – Scrolls next page
• Page up – Scrolls previous page
• Esc – Closes popup list