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
Labels
Tech Report HTTP Archive Technology Report

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.
@sarahfossheim sarahfossheim self-assigned this Jan 8, 2025
@rviscomi rviscomi added the Tech Report HTTP Archive Technology Report label Jan 15, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Tech Report HTTP Archive Technology Report
Projects
None yet
Development

No branches or pull requests

2 participants