Many Harvest customers have long lists of clients, projects, tasks, or other they need to sift through when trying to start a timer, run a report, create an invoice, or whatever else they’re trying to do in the product. However, really long select boxes are unfortunately rather unwieldy and not very user-friendly.
He built Chosen originally as a jQuery plugin, and over the years it’s since been ported to other libraries. I paired with him on the initial design and the CSS, and continued to help maintain it over the years.
Chosen comes in two flavors: Standard Select and Multiple Select.
- Standard Chosen enhances the HTML
<select>element. It primarily adds a more visible search function, with highlighted results.
- Multiple Chosen enhances the HTML
<select multiple>element. It not only adds a more visible search function, but also always displays which items you’ve selected, even if they’re scrolled out of view.
For the initial design of Chosen (above), I stuck with neutral styling in an attempt to balance looking good whether viewed on a Mac and Windows computer. However, we did “modernize” the design a few years later:
Chosen is now deprecated and no longer under active development, but the idea and concept lives on. It’s been forked into Select2 and the concept adopted by many other libraries and plugins.