Choices: Can we set the dropdown to body?

[vegarringdal]

Can we set the dropdown to body?

So if used in a small dialog that scrolls it wont be hidden
Or a container that have overflow set to hidden.

[vegarringdal]

Anything new on this one ?

[jshjohnson]

Hey @vegarringdal,

It's not something I had planned on doing as the structure of the HTML needs to be very strict for Choices to work. I'll consider it if enough people ask for it and re-open this issue.

Thanks

[vegarringdal]

ok, well if you get bored then you have challenge waiting :-)
Wanted to try and use it inside a table/grid, but didnt go well when popup got hidden by the overflow

Lets hope this is something other need to then :-)

[virajsoni06]

@jshjohnson @vegarringdal I'll +1 to this.

This is important when it comes to card based layouts. I am facing an issue where the UI elements are in card format with horizontal scroll, border radius, etc for which we had to add overflow: hidden

In doing so, the Choices dropdown gets hidden behind the card.

[ArielGueta]

+1

[kivils]

+1

[jurajk]

👍

[EvaOva]

+1

[Psyphant]

+1
My solution was to set position: fixed; at the .choices__list--dropdown element and generating the top value dynamically depending on the position of the select.

[muenchris]

+1
My solution was to set position: fixed; at the .choices__list--dropdown element and generating the top value dynamically depending on the position of the select.

can you share code how you did this? I need to do the same for my solutions
Thanks