Bug 93160

Summary:	Changing opacity with -webkit-transition can cause layers to flicker
Product:	WebKit	Reporter:	James Ide <ide+webkit>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	browser-bugs, dino, simon.fraser
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	Mac
OS:	OS X 10.8
URL:	https://www.facebook.com/facebook

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 ***