Multiple Select Min-Width in Widget Area

Anonymous

#13023

I’ve got my search configured on a sidebar widget but it appears to be hard coded for a width of 411px which is too wide for the sidebar widget. I have nothing like this configured in my CSS so I’m assuming the Search Plugin is calculating this and adding it into the element?

I like the width of this extending as far as needed on regular pages but on the widget it is problematic.

How do I overcome this?

Scroll down to the FIND BOATS, KAYAKS & GEAR widget on the right hand side here:
http://bit.ly/1CdA7ls

Screenshot:

Ross Moderator

#13024

Hey there

This plugin uses Chosen for the comboboxes – http://harvesthq.github.io/chosen/ – there is no hard coded width anywhere, but as Chosen is applied to selects or multiselects then I guess it would first calculate the width of your standard select first, then replace it with its own search box, taking the width calculation across.

I would check to make sure the container element of S&F is also not being stretched out further but invisible to allow this, and I would possible add position:relative to .searchandfilter and perhaps its container too…

Baiscally there is some bug in the way Chosen is calculating the width – so you need to backtrack and find the cause of this, whether it is a wide container, or positioning, or the select/multiselect is too wide before Chosen is applied..

Thanks

[Author]

Posts