Bug 164970 - REGRESSION: Applying CSS transforms to elements visually above a <canvas> causes flashing
Summary: REGRESSION: Applying CSS transforms to elements visually above a <canvas> cau...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-11-18 16:53 PST by Devin Rousso
Modified: 2020-08-05 11:25 PDT (History)
7 users (show)

See Also:

Attachments
[Animated GIF] Video of Issue (4.57 MB, image/gif)
2016-11-18 16:55 PST, Devin Rousso 		no flags Details
View All 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 Devin Rousso 2016-11-18 16:53:57 PST 
I just noticed this on my website <http://devinrousso.com>.  If you mouse over one of the header links ("About", "Projects", "Resume", "Contact"), everything else with a CSS transform will suddenly flash (noticeably).  This appears to be caused by the JS animation that I am running with <canvas> which is "underneath" this content (you can see the code for this at <http://devinrousso.com/code/ui/js/common.js#312>).
Comment 1 Devin Rousso 2016-11-18 16:55:05 PST 
Created attachment 295224 [details]
[Animated GIF] Video of Issue
Comment 2 Simon Fraser (smfr) 2016-11-18 16:59:15 PST 
There's some z-order flipping happening, related to the animations. Not sure why.
Comment 3 Radar WebKit Bug Importer 2016-12-01 12:42:47 PST 
<rdar://problem/29464754>