Live data from Hacker News

Make Better Select Boxes with Chosen

harvesthq.github.com

61–70 of 89 posts

Re: Make Better Select Boxes with Chosen

#64
post #44
post #29

Earlier quoted context omitted.

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

Leaving this here in case it helps someone: In Firebug, you can ask the :hover state to stay active. 1. HTML tab 2. Click on the element 3. Style menu on the right panel 4. choose :hover It tricks the browser into thinking the mouse is really over the element (i.e., it doesn't just add :hover), so if you have a hover class added via JS that should work too. (Apparently this feature has been there for a long time, but…

Thank you very much for showing me this! I can't vote you enough.

Re: Make Better Select Boxes with Chosen

#65
On my iPhone (and most other mobile browsers I'd assume), the default controls beat Chosen's controls every time. There's a reason control implementation is left to the browser. If you do use Chosen, be careful to disable it on mobile.

Re: Make Better Select Boxes with Chosen

#67

Anybody know of a decent library for numeric up/down spinners?Some browsers do them automatically, but not all.

I'm curious what you mean by "numeric up/down spinners"...can you clarify?

He probably means newer browsers’ rendering for the HTML5 . Spinners are the little up/down arrows next to number fields that increment/decrement the number. More info: http://www.html5tutorial.info/html5-number.php

Re: Make Better Select Boxes with Chosen

#68
post #44
post #29

Earlier quoted context omitted.

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

Leaving this here in case it helps someone: In Firebug, you can ask the :hover state to stay active. 1. HTML tab 2. Click on the element 3. Style menu on the right panel 4. choose :hover It tricks the browser into thinking the mouse is really over the element (i.e., it doesn't just add :hover), so if you have a hover class added via JS that should work too. (Apparently this feature has been there for a long time, but…

[deleted]

Re: Make Better Select Boxes with Chosen

#69
post #53

These are sexy. If you are looking for ideas, it would be really cool to see an improved scrolling of some kind. Still feels 1.0 with the ugly blue scrollbar. Something like this but with softer colors: http://i.imgur.com/ixqa6.jpg

What ugly blue scrollbar? Do you mean your OS native scrollbar?

Re: Make Better Select Boxes with Chosen

#70
We used Chosen in an Australian news site which targeted South East Asia and Pacific island nations. 4 of the 11 language streams on the site relied on @font-face embedded fonts to provide support for displaying East Asian languages (Khmer, Burmese, etc).

Chosen helped us overcome a fairly major multi-browser issue where embedded fonts weren't being used inside elements (oddly it seemed to work in IE6 but not IE7). Since Chosen transmutes the s into style-able divs, this allowed us to use our @font-face fonts with very few issues. We ended up using it across the site for consistency (with a few exceptions) and all in all I think it provided a usability improvement for most of our users.

Post reply on HN