Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
.media doesn't play well with absolutely positioned elements #36
For example, if I have a custom tooltip that appears when I hover over something in the .media block, since the .media block is overflow: hidden, the content just gets clipped.
I checked facebook since they have working tooltips and it looks like they're using a combination of display:table-cell for the "body" and the clearfix solution for the .media block itself.
I also checked display:inline-block on the body and that seems to work ok.
The one major issue I can recall having with the table-cell method is that it breaks down when a very long unbreakable string is part of the content. Urls are a common culprit here, but I've heard of people complaining about long german words too.