Bug 93160 - Changing opacity with -webkit-transition can cause layers to flicker
Summary: Changing opacity with -webkit-transition can cause layers to flicker
Status: RESOLVED DUPLICATE of bug 90808
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.8
: P2 Normal
Assignee: Nobody
URL: https://www.facebook.com/facebook
Keywords:
Depends on:
Blocks:
 
Reported: 2012-08-03 14:39 PDT by James Ide
Modified: 2012-08-06 10:51 PDT (History)
3 users (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 James Ide 2012-08-03 14:39:13 PDT 
Setup: Safari 6.0 (8536.25) on OS X 10.8

Repro steps:
 - Launch Safari 6 and expand the viewport to be greater than 2000 pixels wide (e.g. with window.resizeTo(2001, 1000)). Height does not seem to matter.
 - Visit https://www.facebook.com/facebook
 - Click the Facebook logo to open the photo viewer
 - Mouse in and out between the image and the lightbox background. There is a flicker.

Disabling the -webkit-transition styles on ".fbPhotoSnowlift .snowliftPager" and ".fbPhotoSnowlift .snowliftOverlay" removes the flicker.
Comment 1 James Ide 2012-08-03 14:50:43 PDT 
My repro steps might have been a little ambiguous. In step 3, by "Facebook logo" I meant the profile picture of the page i.e. the blue square with the f.
Comment 2 Simon Fraser (smfr) 2012-08-06 10:51:45 PDT 

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