Skip to content


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP


Width of chosen #453

nazar-pc opened this Issue · 6 comments

7 participants


Width of wrapper with class "chzn-container chzn-container-single chzn-container-active" is smaller, than it is necessary, and not all letters title is displayed, but when I delete calculated width in wrapper in "style" property - it works well. The question is: why this width is calculated, maybe it is better to leave automatic width?


I'd second this question. Likewise I am having to explicitly set a width CSS on all my selects because you inherit the calculated outerWidth() property but this makes the Chosen select smaller than it should be and it truncates the text.


I am also experiencing this issue. I have tried to reset the width using javascript, but the best answer so far is to manually set the width in all selects.


mmm... the width of chosen must be calculated taking into account the expandable icon (.chzn-container-single .chzn-single div b)


when the target select element has no width property set, the chozn ul element has a width of 0 making the chozn dropdown useless. when a style="width:150px" is set on the select element it works fine.


Hi..try this code...

$('.chzn-search input').css('width','263px');


As of c3d906c, chosen does only one width calculation and that's on the parent container. Everything else inside of that div is calculated using CSS. I think this issue can be closed.

@pfiller pfiller closed this
This was referenced
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.