Skip to content

feat: support Arrow Up/Down navigation in Tags Input with Suggestions - #79

Open
giorgigordiashvili wants to merge 1 commit into
Qualiora:mainfrom
giorgigordiashvili:feat/input-tags-arrow-navigation
Open

giorgigordiashvili wants to merge 1 commit into
Qualiora:mainfrom
giorgigordiashvili:feat/input-tags-arrow-navigation

Conversation

@giorgigordiashvili

Copy link
Copy Markdown

Summary

  • Add Arrow Up/Down keyboard navigation to InputTagsWithSuggestions dropdown
  • Enter selects the highlighted suggestion, Escape closes the dropdown
  • Mouse hover syncs with keyboard highlight state
  • Scroll highlighted items into view for long suggestion lists
  • Add ARIA combobox attributes (role, aria-expanded, aria-controls, aria-autocomplete) for accessibility

Closes #77

Test plan

  • Open the Tags Input with Suggestions component at /extended-ui/input-tags
  • Press Arrow Down to open the dropdown and navigate suggestions
  • Press Arrow Up to navigate in reverse (wraps around)
  • Press Enter to select a highlighted suggestion
  • Press Escape to close the dropdown
  • Type to filter suggestions — highlight resets correctly
  • Hover over suggestions — highlight follows the mouse
  • Verify existing click-to-select behavior still works
  • Verify Backspace still removes the last tag when input is empty

…stions

Add keyboard navigation to the tags input suggestions dropdown:
- Arrow Down/Up to cycle through filtered suggestions
- Enter to select the highlighted suggestion
- Escape to close the dropdown
- Mouse hover syncs with keyboard highlight state
- Scroll highlighted items into view for long lists
- Add ARIA combobox attributes for accessibility

Closes Qualiora#77
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[feat] Support Arrow Up/Down navigation in "Tags Input with Suggestions"

1 participant