I don’t know really how to aproach this as setting overflow is needed, so I can’t remove that from the cards. Tried with : z-index, position relative. Maybe I need some js?
I found as well in case it helps someone a solution:
Last but not less Dropdowns are designed in Bootstrap to be clickeable, hence I’m considering using tooltips instead which work on hover. Thoughts on this are appreciated. maybe there’s something even better than tooltips
Without knowing the actual context it’s hard to give you a good solution. One option might be to move the dropdown out of the card and then position it back so it looks like it is inside the card.
But again how well this will work, or if it will work at all, depends on context. Which I do not really have enough of with just the example you have posted.
Thanks you are correct not enough context. Take a look at the following: https://www.tomastestart.com/portafolio/
It needs it because the image is not exact here on each card (on desktop screens sizes).
I do realize I could use overflow-y instead of generic overflow. The button is not live on the website yet.