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 | ||
James Ide
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
James Ide
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.
Simon Fraser (smfr)
*** This bug has been marked as a duplicate of bug 90808 ***