oocss icon indicating copy to clipboard operation
oocss copied to clipboard

.media doesn't play well with absolutely positioned elements

Open ewinslow opened this issue 15 years ago • 3 comments

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.

ewinslow avatar Aug 06 '10 20:08 ewinslow

We should change the media block to use the facebook method. Nan recently commented on my blog about it. It seems like a good solution.

stubbornella avatar Feb 10 '11 21:02 stubbornella

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.

http://translate.google.com/#en|de|speed%20limit

ewinslow avatar Feb 11 '11 03:02 ewinslow

oof, right now it looks like we have half one method, half another. The worst of both worlds.

stubbornella avatar Mar 08 '11 08:03 stubbornella