Live data from Hacker News

Make Better Select Boxes with Chosen

harvesthq.github.com

21–30 of 89 posts

Re: Make Better Select Boxes with Chosen

#22
I've been using this a lot in our projects. It would be really a killer for selects with thousands of items. But it really kills the performance at least with Firefox. For small country selects it's still fine.

Re: Make Better Select Boxes with Chosen

#23
post #20

It's nice looking and mostly functional but I always miss the native elements. The thing is, when I see an OS-native-looking element I know immediately what it is. For the skinned stuff, while it looks nice to the eye, it takes longer. When we're browsing thousand of pages a day it's kind of something you notice.

Nevermind the fact that for certain situations the UX is improved 10 fold over native.

Re: Make Better Select Boxes with Chosen

#24
What I prefer to this is https://github.com/JamieAppleseed/selectToAutocomplete, because of the fuzzy matching. For example, I can type US or UAE, and it will select United States and United Arab Emirates respectively. But both of these are a great step in getting rid of unwieldy and uselessly long lists.

Re: Make Better Select Boxes with Chosen

#27

Chosen.js has a great UI, but I found it challenging to do customizations to the library. I wish that the authors of the library had exposed more event hooks or built it with more modularity. Also worthwhile checking out https://github.com/meltingice/ajax-chosen , which adds much-needed Ajax support to Chosen.js.

Yeah it suits Harvest perfectly but as a general purpose library is has some big limitations.

Re: Make Better Select Boxes with Chosen

#28
Sorry but this experience is badly broken in iOS and highlights yet again why native controls are always preferable over custom controls for compatibility. Also, don't forget about enabling accessibility by using ARIA.

Re: Make Better Select Boxes with Chosen

#29

We've been using this for what feels like 9 months with Picplum. One thing we did is for on select menus with few items, we hide the search box: $(".recipient_relation").chosen disable_search_threshold: 10 And if in Backbone you'd like to have it preselect the value, run something like this after render (so you don't have to add much logic to your handlebar template for the markup): @$("#address_country_field option"…

FYI, I had to go finding this the other day - it's tricky as mousing out removes the class. Anyway, it's:

    .chzn-container .chzn-results .highlighted
Post reply on HN