Chosen js rocks, now with responsive goodness

6th August 2013
All posts

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.