[Webkit-unassigned] [Bug 229492] New: Applying CSS animation to child elements breaks CSS filter applied to parent

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=229492

            Bug ID: 229492
           Summary: Applying CSS animation to child elements breaks CSS
                    filter applied to parent
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: gammon at adobe.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 436383

  --> https://bugs.webkit.org/attachment.cgi?id=436383&action=review

Three circles inside a parent with filter applied.  One circle has css animation applied.

When using CSS animations to animate a child element it breaks a `filter: url(#)` applied to the parent container.  This seems to be because it forces each child to have a new render layer.

Result: The filter is no longer applied.
Expected: The filter remains applied to the parent.


See example here:
https://codepen.io/cjgammon/pen/abwzdEX

Could be related to Issue #144012: https://bugs.webkit.org/show_bug.cgi?id=144012

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210825/307f84fd/attachment.htm>