Live data from Hacker News

Chosen: A javascript plug-in that makes long select boxes user-friendly.

harvesthq.github.com

11–20 of 81 posts

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#12
And yet another control that pretends to be a dropdown box, but isn't. No. I'm not complaining about the appearance or the fact that it has a search field while the real dropdown doesn't.

I'm complaining about the way it responds to mouse actions: The real dropdown box, on my machine, expands the menu on mouse down after a no-doubt OS-specific delay. The fake dropdown doesn't - it only reacts on mouse up.

Of course, you can't make a a control work exactly like its native counterpart - but that IMHO just means that you shouldn't even try imitating them and provide its own unique look.

I really dislike nearly-native controls - they feel wrong to me.

But don't get me wrong: The controls are really cool and incredibly useful. If only they didn't try to mimic the native look without quite matching it.

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#13
This nearly completely breaks the select ui on iOS. It should do some kind of feature detection so that it can disable itself on browsers that have alternate ui's for controls like this.

For example, this converts a select menu to an input field. On iOS the keyboard comes up instead of the select control.

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#14
post #12

And yet another control that pretends to be a dropdown box, but isn't. No. I'm not complaining about the appearance or the fact that it has a search field while the real dropdown doesn't. I'm complaining about the way it responds to mouse actions: The real dropdown box, on my machine, expands the menu on mouse down after a no-doubt OS-specific delay. The fake dropdown doesn't - it only reacts on mouse up. Of course,…

My problem with this is that when I see the box (e.g. Multiple Select), I perceive it as a text input. I'd be ill-surprised to discover on a site to (all of a sudden) have this protruding box appear out of nowhere.

Better solution: on mouse click, hide the box. Only show the box for autocompletes.

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#16
post #12

And yet another control that pretends to be a dropdown box, but isn't. No. I'm not complaining about the appearance or the fact that it has a search field while the real dropdown doesn't. I'm complaining about the way it responds to mouse actions: The real dropdown box, on my machine, expands the menu on mouse down after a no-doubt OS-specific delay. The fake dropdown doesn't - it only reacts on mouse up. Of course,…

[deleted]

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#17
This project looks awesome. This stuff is annoying to have to replicate yourself, and I'm glad to see MooTools support as well.

That said, my first reaction when looking at the first Country dropdown example was that I liked the native one better since in OS X it shows me dozens of choices at once (fills most of the screen vertically) and then in the "after" suddenly I was constrained to only seeing 7 countries at a time. Not a huge deal but felt like a loss in usability (but a gain visually). If the faux dropdown was just a little taller in height it'd be better.

Secondly, this just killed iPhone support. Apple did a good job with s on iOS and this completely breaks it. It should just turn itself off on iOS.

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#18
post #12

And yet another control that pretends to be a dropdown box, but isn't. No. I'm not complaining about the appearance or the fact that it has a search field while the real dropdown doesn't. I'm complaining about the way it responds to mouse actions: The real dropdown box, on my machine, expands the menu on mouse down after a no-doubt OS-specific delay. The fake dropdown doesn't - it only reacts on mouse up. Of course,…

Looks fantastic, but here's another feature it doesn't have which makes it feel less native.

Try mouse scrolling too far whilst the menu's options are open/visible. The parent page scrolls as well when you reach the start/end. This doesn't happen with a normal select menu.

I wonder if there's a way to do an event.preventDefault() on the mouse scroll event when reaching the end of the list?

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#19

Apparently Chosen takes the placeholder text from the select element's 'title' attribute; does it also support the official HTML5 syntax[1] for placeholder attributes in select elements? How about integration with jQueryUI's theming system? [1]: http://www.whatwg.org/specs/web-apps/current-work/multipage/...

It'd be better if it looked for the HTML5 "placeholder" attribute even in older browsers rather than having to use "title" also. Some JS plugins [1] do this to replicate placeholder support in older browsers and I don't think there's any downside.

[1] https://github.com/mathiasbynens/Placeholder-jQuery-Plugin

Re: Chosen: A javascript plug-in that makes long select boxes user-friendly.

#20
post #11
post #9

Does anyone know if it's compatible with formalize.me? Does it work well on android/iphone?

Works well on Android 2.1 for me here. Beautiful plugin, bookmarking for definite future use.

Seems OK on the default Android browser here too, though there are a couple of non-breaking issues under Opera Mobile.
Post reply on HN