RESOLVED DUPLICATE of bug 47175 44110
Transitions paired with relative position causes a content flash 
https://bugs.webkit.org/show_bug.cgi?id=44110
Summary Transitions paired with relative position causes a content flash
Wes Baker
Reported 2010-08-17 08:27:37 PDT
When I hover over an item that has a CSS transition, it's parent's siblings flash. The siblings and the parent all have relative positioning and z-indicies. This bug is hard to reproduce, but it's definitely there. Here are the conditions: - Container (header) holding transitioned item is positioned relative and has a z-index of 100 - Container (nav-main) below header is positioned relative and has a z-index of 500 - Container (content) below nav-main is positioned relative and has a z-index of 100 - Nav-main has a form with a <input type="submit"> with image replacement (background + text-indent: -9999px, etc) Replacing the <input type="submit"> with an <input type="image"> seems to fix things.
Attachments
Add attachment proposed patch, testcase, etc.
Wes Baker
Comment 1 2010-08-17 08:30:28 PDT
This is happening in Safari 5.01 and the Webkit Nightly.
Simon Fraser (smfr)
Comment 2 2010-12-07 14:09:04 PST
Your Go button has text-indent: -9999px, which forces tiled layers. You should set overflow:hidden on that element. *** This bug has been marked as a duplicate of bug 47175 ***
Note You need to log in before you can comment on or make changes to this bug.