Bug 213172 – Some of the animations on this CodePen demo don't work (SVG filters on compositing layers)

• Status: NEW
• Component: Animations

[Simon Fraser (smfr)]

The bubbles don't animate on https://codepen.io/v_Bauer/full/zYrBoJa

[Simon Fraser (smfr)]

These are divs with CSS animations.

[Simon Fraser (smfr)]

  /* 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)]

Created attachment 401849 [details]
Partial reduction

I think this might be about SVG filters not applying to composited elements.

[Radar WebKit Bug Importer]

<rdar://problem/64807562>

[Simon Fraser (smfr)]

Another example: https://codepen.io/cobra_winfrey/full/JjOvxYG

[Ahmad Saleem]

@Simon - is it still broken? It seems to work fine for me on Safari 26.2 Beta.