Skip to content

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

Open
@sarahfossheim

Description

@sarahfossheim

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.

Metadata

Metadata

Assignees

Labels

Tech ReportHTTP Archive Technology Report

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions