Expandable card inside a parent with overflow: hidden

how can i overcome the issue with expandable card inside a container that have overflow: hidden?

my goal is to list multiple cards next to each other and be able to scroll horizontally.

the issue currently is when the card is opened its limited to the container dimensions.

It just can not work inside of something with overflow: hidden. What you can try is to for example unset overflow:hidden on/before card open and set it back after card closed

1 Like

already tried that and its causing issues with the card opening not on center of the screen.

my solution was to remove the overflow from the card container and setting overflow: hidden on the page-content. works fine

1 Like