Bug 47175

Summary: -webkit-transform makes (unrelated) element flicker under certain conditions
Product: WebKit Reporter: Dieter Komendera <dieter>
Component: New BugsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WORKSFORME    
Severity: Normal CC: cmarrin, simon.fraser, wcbaker
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.5   
Attachments:
Description Flags
test case none

Dieter Komendera
Reported 2010-10-05 06:55:36 PDT
Created attachment 69779 [details] test case We've seen some strange flickering occur in Safari (and latest WebKit nightly), where on one of our sites the logo started flickering while -webkit-transitions were performing somewhere on the page. The issues doesn't exist with Chrome. We've created a striped down example which reproduces the issue. In the test case, hover over the boxes labeled "1" and "2" to start transitions. While the transition is performing, the green box at the bottom is flickering. We've only encountered the issue with a combination of position (absolute), z-index (not equal 0) and the value of the text-indent (in the test case case lower than -1800px or higher than 1877px) of the h1. Test case is attached.
Attachments
test case (1.81 KB, text/html)
2010-10-05 06:55 PDT, Dieter Komendera 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2010-10-05 13:31:05 PDT
You should always combine text-indent: -hugeval with overflow:hidden. The huge text-indent causes a tiled layer. Tiled layers are known to flicker.
Simon Fraser (smfr)
Comment 2 2010-12-06 10:53:48 PST
<rdar://problem/6474145>
Simon Fraser (smfr)
Comment 3 2010-12-07 14:09:04 PST
*** Bug 44110 has been marked as a duplicate of this bug. ***
Dieter Komendera
Comment 4 2012-10-09 09:24:16 PDT
I can't reproduce this anymore with the attached test case on Safari Version 6.0.1 (8536.26.14, 537+) r130635. Resolved?
Note You need to log in before you can comment on or make changes to this bug.