Tooltip partially hidden within Card

[haobinliang]

The tooltip within a card is bounded by overflow: hidden of the card; therefore when the content of the tooltip is too long or close to the edhe of the card, it is particlaly hidden.

Example: https://play.tailwindcss.com/Z8Hq3XM8pn

[NikarashiHatsu]

The only possible temporary workaround is by applying overflow-visible class to the card. I'm also hoping that this issue will be fixed in the future 😅.

<div class="card overflow-visible">
    <!-- content -->
</div>

[haobinliang]

The only possible temporary workaround is by applying overflow-visible class to the card. I'm also hoping that this issue will be fixed in the future 😅.

<div class="card overflow-visible">
    <!-- content -->
</div>

Thanks @NikarashiHatsu ... It's a trade off of showing the card photo corners as rectangle because they are overflow... 😢 So would need to add rounded-tr rounded-tl to the img tag as well...

[NikarashiHatsu]

Yea, it's kind of annoying to have put some extra classes 😅. I thought putting z-50 along with tooltip will fix the issue, sadly it won't.

[jorgv]

Hi, I have the same problem when usingthe tooltip in a sidebar is there any other workaround to have the tooltip always showing

[SacredSkull]

This is still present AFAIK, I think overflow-clip is a better solution for this. I was getting some odd (and horrible to track down) additional spacing causing the entire page to overflow with multiple collapses in a column using overflow-visible.