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

Baptiste Marck created an issue. See original summary.

Baptiste Marck’s picture

StatusFileSize
new647 bytes
bhumikavarshney’s picture

Status: Active » Needs review
StatusFileSize
new28.23 KB

Hi
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!!

pvasener’s picture

Patch #2 also worked for me and the dropdown height is limited with a scrollbar already.

saschaeggi’s picture

Status: Needs review » Fixed

Thanks, it's now pushed into dev.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.