Bug 213172

Summary: Some of the animations on this CodePen demo don't work (SVG filters on compositing layers)
Product: WebKit Reporter: Simon Fraser (smfr) <simon.fraser>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: dino, sabouhallawa, simon.fraser, tomac, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
URL: https://codepen.io/v_Bauer/full/zYrBoJa
See Also: https://bugs.webkit.org/show_bug.cgi?id=144012
https://bugs.webkit.org/show_bug.cgi?id=229492
Attachments:
Description Flags
Partial reduction none

Simon Fraser (smfr)
Reported 2020-06-13 13:25:29 PDT
The bubbles don't animate on https://codepen.io/v_Bauer/full/zYrBoJa
Attachments
Partial reduction (15.30 KB, text/html)
2020-06-13 13:36 PDT, Simon Fraser (smfr) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2020-06-13 13:27:38 PDT
These are divs with CSS animations.
Simon Fraser (smfr)
Comment 2 2020-06-13 13:29:30 PDT
/* deactivate animations for safari because it's the new IE */ } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { #foamMiddleWrapper { animation-name: none; animation-duration: inherit; animation-timing-function: inherit; will-change: inherit; } } }
Simon Fraser (smfr)
Comment 3 2020-06-13 13:36:35 PDT
Created attachment 401849 [details] Partial reduction I think this might be about SVG filters not applying to composited elements.
Radar WebKit Bug Importer
Comment 4 2020-06-26 08:53:15 PDT
<rdar://problem/64807562>
Simon Fraser (smfr)
Comment 5 2022-02-23 14:29:06 PST
Another example: https://codepen.io/cobra_winfrey/full/JjOvxYG
Note You need to log in before you can comment on or make changes to this bug.