Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tech Report: Create searchable dropdowns for categories and technologies #993

Open
sarahfossheim opened this issue Jan 8, 2025 · 0 comments
Assignees

Comments

@sarahfossheim
Copy link
Collaborator

Currently the categories and technologies dropdowns are a <select> element and have a very long list of options. This becomes difficult to find the correct option, so will need to be updated to a searchable list.

There are two options, either:

  • datalist: which matches the search query with any position in the options (not just the start of the string, like the select element) and automatically filters the list. But it does come with some accessibility issues.
  • Custom component that combines a search field with a filterable list of selectable options. This gives us full control over the way it works (and the styling, accessibility, etc), but requires a bit more code.
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

No branches or pull requests

1 participant