Bug 45039 - Flickering animation when using css transitions on an element with positioned child with indented text
Summary: Flickering animation when using css transitions on an element with positioned...
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P2 Normal
Assignee: Nobody
URL: http://homepage.mac.com/matias/webkit...
Keywords:
Depends on:
Blocks:
 
Reported: 2010-09-01 08:58 PDT by Matias
Modified: 2010-09-01 13:13 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.