[Kegan Schmicker]

I’m working on entries for this plugin and went to check the online display only to notice the div responsible for displaying the drop-down has the following css

<div class=”chosen-container chosen-container-single” style=”width: 0px;” title=””>Select Category<div><b></b></div><div class=”chosen-drop”><div class=”chosen-search”><input type=”text” autocomplete=”off”></div><ul class=”chosen-results”></div></div>

When I delete the ‘style=”width:0px;”‘, the drop-down menu displays adequately. Why is this div being manually edited and where can I can this?

[Steven Zahm]

@ Kegan

re: When I delete the ‘style=”width:0px;”‘, the drop-down menu displays adequately. Why is this div being manually edited and where can I can this?

This is not manually being set to 0. The Chosen library is a third party jQuery plugin to enhance the functionality of select drop downs. That width is calculated dynamically by the Chosen library based on the width of the real select drop down. Generally, if a 0 width is calculated it is because the real select (in this case the directory) is initially displayed inside a tab or toggle of some sort. Since the select is hidden initially the select will have a 0 width so the Chosen select will inherit that width.

How can this be fixed? Impossible to say without a link to the page with the issue. I can only give the the basic why of the issue might be present. If you share a link I’ll take a look and will hopefully provide you with a solution.

[Kegan Schmicker]

This reply has been marked as private.

[Steven Zahm]

@ Kegan

<style id="custom-css-css">.p-landmark-sub,.p-meta,input,button,select,textarea{display:none}.x-portfolio-filters-menu{display:none !important}.x-portfolio-filters{display:none}</style>

Looks like some CSS is being loaded which hides selects, the relevant part, meta,input,button,select,textarea{display:none}

Just purely on the style id, this is custom CSS that perhaps was added inadvertently. That style will literally hide all text inputs, drop downs, radios selects, buttons and text areas by default. This will very, likely break all sorts of things so I suggest removing it if you can.

[Kegan Schmicker]

Bingo. Not sure why I ever added that css, but I’m glad you pointed it out. I apologize that my mistake took up your time.

[Steven Zahm]

@ Kegan

No problem, glad to hear it it working fine now.

[Author]

Posts