Dropdown menu not entierly visible #2523
-
|
Hello 👋 I don't have any ideas how to fix this. Does anybody have some ideas on how to make the rest of the dropdown menu appear above the container? |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments 1 reply
-
|
what I did is the following, I wrapped the overflow hidden element with a Can someone tell me if this is a correct way of fixing this? |
Beta Was this translation helpful? Give feedback.
-
|
I am also facing same issue. Please help. |
Beta Was this translation helpful? Give feedback.
-
|
Hey! This happens because, as you mentioned in your answer, the parent element has a class of A common way to prevent this from happening is to have your dropdown menu outside of the element with the So instead of having the dropdown menu inside that element, have it as a sibling element. Since you still want the element to be " So that your dropdown does not cover your button, you might want to offset that absolutely positioned dropdown from the top with a If it's not possible in your case, you might need to remove the Hope it helps! |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your tip. Thanks |
Beta Was this translation helpful? Give feedback.
-
|
I always use |
Beta Was this translation helpful? Give feedback.
Hey!
This happens because, as you mentioned in your answer, the parent element has a class of
overflow-hidden.A common way to prevent this from happening is to have your dropdown menu outside of the element with the
overflow-hiddenclass.So instead of having the dropdown menu inside that element, have it as a sibling element. Since you still want the element to be "
absolutely" positioned in relation to the button, you'll need to have another wrapper with therelativeposition (which sounds like what you've done).So that your dropdown does not cover your button, you might want to offset that absolutely positioned dropdown from the top with a
top-{n}class.If it's not possible in your c…