[Webkit-unassigned] [Bug 225120] New: <feColorMatrix> filter doesn't work properly when defined inside then set directly on the <svg> element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 225120
           Summary: <feColorMatrix> filter doesn't work properly when
                    defined inside then set directly on the <svg> element
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: lxlstudent at gmail.com
                CC: zimmermann at kde.org

The issue happens when defining a filter inside an <svg> element and directly reference/apply it on the <svg> element itself. In this case, Safari seems to "over-apply" the effect, and one guess is that it may have applied the effect twice.

This issue doesn't appear in Chrome or Firefox. I also checked SVG spec and this is a legal structure.

If I move the filter attribute to a sub-element of the <svg>, then it works correctly.

Here is an example in CodePen demonstrating this. Opening it in Safari/Firefox/Chrome to see the difference: https://codepen.io/xiaolong-li/pen/YzNMZpM

I found an existing bug (https://bugs.webkit.org/show_bug.cgi?id=139281) that may be related to this, but not sure.

-- 
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/20210427/5dfd2c53/attachment.htm>