5 ms·
My favorite autocomplete library is an ancient version of bootstrap-typeahead.js by Twitter. A single file with less than 400 lines of Javascript. They don't ma
by mg 5y ago
My favorite autocomplete library is an ancient version of bootstrap-typeahead.js by Twitter. A single file with less than 400 lines of Javascript. They don't make these anymore :)
I use it everywhere where I need autcompletion. For example on the Music-Map:
https://www.music-map.com https://www.music-map.com
I made a fork of the code which is available here:
https://www.gibney.org/0g-typeahead https://www.gibney.org/0g-typeahead
- ourcat 5y agoI did my first autocomplete search UI with that library. These days, due to the rest of the project, I've been using Angular and Material's Autocomplete component, which I've found very easy to customise for in-memory indexes or hits to a remote ElasticSearch 'suggester' proxy endpoint.
- peterbe 5y agoGetting accessibility right is hard. We very much care about that. One of the strong reasons for why we're using Downshift.
- capableweb 5y agoIt seems to be missing the most obvious feature: keyboard navigation. My guess is that accessibility is not well implemented either. Probably why other dropdown implementations are bigger code-size wise.
- mg 5y agoIt has keyboard navigation. It is just not enabled on the Music-Map. Gnoosic uses the same library, and here you can navigate with the cursor keys: https://www.gnoosic.com/faves https://www.gnoosic.com/faves