Bug 3875 – hover and display:none/block results in clipped content in table

• Component: CSS
• Status: RESOLVED DUPLICATE

[Michael Maibaum]

Using hover and display:block to cause a 'popup' box when a user hovers over a link

when used inside a table the content is clipped, sometimes by other links, sometimes by the edge of the 
table, but not all edges of the table, all the time...

the test case attatched shows clipping on the left edge of the table and the bottom of the popup, if you 
put more links in the td (until you have more than one row of links) things get worse...

[Michael Maibaum]

Created attachment 2831 [details]
simple testcase for bug

[Joost de Valk (AlthA)]

Confirmed, weird stuff, won't happen too often IMHO, so making p3 and minor. If this affects a real site in 
any concerning way, please note in this bug and a QA will increase sev or prio, or both.

[Michael Maibaum]

It affects at least one real site (mine!) and works properly in Gecko based browsers. It is also as far as I 
know the most common 'javascript free' method of doing this sort of mouse over activated key-tip - 
plenty of tutorials use this and other methods. I wouldn't call it common so P3 may be correct (I'll just put 
a note on my site saying that they work better in Mozilla/Firefox...)

[Eric Seidel (no email)]

Yeah, looks like the hover content is not getting it's own layer like it should.  Or it's somehow inheriting 
the clip rect from the parent div (which it probably shouldn't).  Hyatt would know how to fix this off the 
top of his head I imagine.  Beth has also been in this code recently.

There has been some talk of re-writting how cliping works w/ respect to RenderLayer.  Part of that is due 
to the fact that SVG does it's own clipping.  Part of that is due to comments hyatt has made about parts of 
RenderLayer being "wrong".

Duplicate of bug 7235, fixed long ago (r12870).

*** This bug has been marked as a duplicate of 7235 ***