Problem/Motivation
When using Chosen module, the select box get cut off by the overflow css of the views exposed form.
See the attached screenshots for an example.
Steps to reproduce
Have more than a few options available returned by the chosen module in a view filter.
Proposed resolution
Remove "overflow: hidden" from views-exposed-form on line 185 in _views.scss
Before
.views-exposed-form.views-exposed-form,
.views-displays {
border: 1px solid var(--colorGinLayer2Border);
border-radius: $borderDefault;
overflow: hidden;
}
After
.views-exposed-form.views-exposed-form,
.views-displays {
border: 1px solid var(--colorGinLayer2Border);
border-radius: $borderDefault;
}
Comments
Comment #2
Baptiste Marck commentedComment #3
bhumikavarshney commentedHi
patch #2 works good for me as expected.
Just a suggestion : Instead removing overflow hidden css we can fix the height of the dropdown and add overflow scroll.
because if the option increases the list will cover the screen.
Thanks!!
Comment #4
pvasener commentedPatch #2 also worked for me and the dropdown height is limited with a scrollbar already.
Comment #6
saschaeggiThanks, it's now pushed into dev.