Chosen js rocks, now with responsive goodness

6th August 2013
Back to Blog

Chosen.js is now responsive!

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

I love chosen.js from the folks at Harvest. But I noticed my current installation lacked responsive capability (all widths were static).

So after a little searching I found the releases page and then found this code to add to your javascript file to activate the 100% width (or whatever your preferred width – I hear IE prefers 98% for this width):

$("select").chosen({ width: '100%' }); // width in px, %, em, etc

Do you use Chosen? Do you like it? Let me know in the comments.


Nathaniel Flick

I'm a Front End Web Developer passionate about usability. My primary specialties are HTML5, CSS3, SCSS, LESS, and jQuery and I am very familiar with Foundation and Bootstrap frameworks. I've worked on top of and with WordPress, Shopify, Rails, Python, and frameworks.

6 thoughts on “Chosen js rocks, now with responsive goodness”

  1. Yes I like it, but I test on Tablets, and it does not give the same behaviour as a dropdown behaves in tablets. So I think chosenjs has to support native behaviours of tablets and phones

Leave a Reply

Your email address will not be published. Required fields are marked *