If select box is hidden width isn't set properly

[henesnarfel]

I have a form with selects that is in a hidden div during page load. The user must click a button for the form to show. The issue I'm having is that it is not properly setting the width of the custom select box because the element is hidden. Once the form is shown and you click the select it won't open. If I inspect the element it is being given a width of 0 even though I've set the width within the css.

If I use javascript to hide the div after the customselect call the select box works as expected. But when I hide it with css it seems as though since the element is hidden that the width is not getting set.

[iDevy]

same one here... Looks like plugin needs to have a visibility-state check and do a reinitialization..

UPD:
This one should help for now - disable the width cssattr after the show or toggle event occurs:

$('selector').prop('style').removeProperty('width');