I am using Chosen for every form on my site because I love it, but of course the text length of the various lists vary very much across the site, from the smallest Price currency ('EUR','USD','GBP') to some Facets of rules' options with 20-30 chars.

For this use case, and I believe in general, we shouldn't set a minimum width. The problem is that without minimum width, the width of the Chosen box isn't calculated properly. The down arrow is always hiding the last characters of the longest option in the list. The box width depends on the longest option, but then the arrow to open the list is added on the right, and the padding is not adding up to the width of the box, thus hiding some text.

I am not a coder but I think this fix should be simple and useful to everyone.
Correct me if I'm wrong.. I am on a new site with no custom css added yet (tested with default Bartik theme and AT admin theme).

Comments

kopeboy’s picture

EDIT: let me clarify. It's just the arrow (when the list isn't open/clicked) that hides text. Of course when the list is opened all the options are shown correctly, even if sometimes they get split in 2 lines.

kopeboy’s picture

Issue summary: View changes