If select container is not visible when initializing chosen() width is set to zero

[jonhenning]

Here is a sample fiddle (http://jsfiddle.net/uQ685/).

Changing the code to use jQuery to grab container width is one way to resolve the problem.

AbstractChosen.prototype.container_width = function() {
  if (this.options.width != null) {
    return this.options.width;
  } else {
      //return "" + this.form_field.offsetWidth + "px";
      return $(this.form_field).width() + "px";    // use jquery to calculate, as we don't want 0
  }
};

[pfiller]

You can initialize Chosen using a width to get around this:

$("select").chosen({ width: '350px' });

Duplicate of #92

[justabuzz]

It's closed, but I downloaded 1.0 and it's still happening. I tweaked the JS file according to the OP's suggestion and problem fixed.

FYI.

Thanks for a great library! :)