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

Description Simon Fraser (smfr) 2020-06-13 13:25:29 PDT 
The bubbles don't animate on https://codepen.io/v_Bauer/full/zYrBoJa
Comment 1 Simon Fraser (smfr) 2020-06-13 13:27:38 PDT 
These are divs with CSS animations.
Comment 2 Simon Fraser (smfr) 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;
    }
  }
}
Comment 3 Simon Fraser (smfr) 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.
Comment 4 Radar WebKit Bug Importer 2020-06-26 08:53:15 PDT 
<rdar://problem/64807562>
Comment 5 Simon Fraser (smfr) 2022-02-23 14:29:06 PST 
Another example: https://codepen.io/cobra_winfrey/full/JjOvxYG