Custom listbox with autocomplete
Custom listboxes are notoriously difficult to build in an accessible fashion for screenreaders.
Semantic input with datalist autocomplete
- This simple example illustrates all the functionality of a listbox with inline autocomplete in Chrome and Firefox.
- This is not production ready code as its support across browsers is not uniform.
datalistis not fully supported in Safari, but is included in the newest Safari Technology Preview as of late 2022
- Support and functionality on mobile devices varies