Bug 45039

Summary: Flickering animation when using css transitions on an element with positioned child with indented text
Product: WebKit Reporter: Matias <matiasnu>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
URL: http://homepage.mac.com/matias/webkit/csstransitionflicker.html

Description Matias 2010-09-01 08:58:42 PDT 
If I set the text-indent to anything larger than -1801px, remove the positioning or indentation, the flickering stops.

The flickering is not visible in Safari on Win7, but it is visible on Mac Safari and Mac Webkit nightly r66574.
Comment 1 Simon Fraser (smfr) 2010-09-01 12:16:37 PDT 
text-indent: with some large negative value should always be combined with overflow: hidden.

The flickering is expected, since WebKit has to make huge layers because of the text-indent.
Comment 2 Matias 2010-09-01 13:13:58 PDT 
Overflow: hidden solved the problem.

I'm just going to add that Safari 5.0 (7533.16) on Win7 as well as Chrome on any platform did not flicker.