Is there a way to stop the dropdown from cutting itself?

Ask us anything
1

I have this modal. Inside it, there is a red flexbox with width 400, height 200, row_gap 4px
With a list of 4 items

image

Inside this flexbox, there is 1 dropdown, which repeats 4 times because, again, I have 4 items in the red flexbox

If I set the flexbox Overflow to Scroll, I can’t see option 3 of the dropdown, because it is inside the flexbox

image

If I set the flexbox Overflow to Unset, I can see option 3 of the dropdown in the right way, but the list of items goes outside the flexbox and it is unusable

image

I want the list of items to stay inside the flexbox, but I want all the options in the dropdown to be displayed when it is expanded

2

You need to make the overflow of the flexbox visible and the height auto or fit content

3

Hi, @Broberto

This is not a solution because the modal will exceed the size of the page itself when we have too many elements.

These images are from an example I created for this post. In real life, there are too many elements and they are bigger.

Also, I want the modal to have a fixed height

What I need, somehow, is for the dropdown options to be above everything, as if I defined a z-axis for it

4

@Broberto, where do I report this as a bug or something to be developed? On other platforms like Bubble this is even an option

image
image373×515 14.9 KB

I tried to solve this all day

5

support.weweb.io should do :muscle: