225120 2021-04-27 13:19:51 -0700 SVG filter is applied twice when applied to the root <svg> element 2023-11-29 12:22:31 -0800 1 1 1 Unclassified WebKit SVG Safari 14 Mac (Intel) macOS 11 RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=260152 https://bugs.webkit.org/show_bug.cgi?id=265465 https://codepen.io/xiaolong-li/pen/YzNMZpM InRadar P2 Normal --- 260152 262180 1 lxlstudent kiet.ho dino kiet.ho sabouhallawa simon.fraser webkit-bug-importer zimmermann oldest_to_newest 1754757 0 lxlstudent 2021-04-27 13:19:51 -0700 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. 1756644 1 webkit-bug-importer 2021-05-04 13:20:15 -0700 <rdar://problem/77522728> 1960114 2 sabouhallawa 2023-06-06 13:21:08 -0700 This is correct. When the SVGFilter is applied to the <svg> root element, it is applied as an SVGFilter and it is also applied as CSSFilter referencing this SVGFilter. 1960118 3 466605 sabouhallawa 2023-06-06 13:22:04 -0700 Created attachment 466605 reduced test case 1960582 4 kiet.ho 2023-06-08 11:22:18 -0700 Pull request: https://github.com/WebKit/WebKit/pull/14780 1961408 5 ews-feeder 2023-06-13 14:26:57 -0700 Committed 265135@main (0dac14ca10cb): <https://commits.webkit.org/265135@main> Reviewed commits have been landed. Closing PR #14780 and removing active labels. 1961502 6 kiet.ho 2023-06-13 23:42:09 -0700 *** Bug 139281 has been marked as a duplicate of this bug. *** 466605 2023-06-06 13:22:04 -0700 2023-06-06 13:22:04 -0700 reduced test case test-filter-svg.html text/html 537 sabouhallawa PGRpdj4KICAgVGhpcyB3b3JrcyBjb3JyZWN0bHkuCjwvZGl2Pgo8c3ZnPgogICA8ZmlsdGVyIGlk PSJmYWRlIj4KICAgICAgPGZlQ29tcG9uZW50VHJhbnNmZXI+CiAgICAgICAgIDxmZUZ1bmNBIHR5 cGU9InRhYmxlIiB0YWJsZVZhbHVlcz0iMCAwLjYiLz4KICAgICAgPC9mZUNvbXBvbmVudFRyYW5z ZmVyPgogICA8L2ZpbHRlcj4KICAgPHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9 ImdyZWVuIiBmaWx0ZXI9InVybCgjZmFkZSkiPgo8L3N2Zz4KCjxkaXY+CiAgIFRoaXMgZG9lcyBu b3Qgd29yayBjb3JyZWN0bHkuCjwvZGl2Pgo8c3ZnIGZpbHRlcj0idXJsKCNmYWRlKSI+CiAgIDxm aWx0ZXIgaWQ9ImZhZGUiPgogICAgICA8ZmVDb21wb25lbnRUcmFuc2Zlcj4KICAgICAgICAgPGZl RnVuY0EgdHlwZT0idGFibGUiIHRhYmxlVmFsdWVzPSIwIDAuNiIvPgogICAgICA8L2ZlQ29tcG9u ZW50VHJhbnNmZXI+CiAgIDwvZmlsdGVyPgogICA8cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEw MCIgZmlsbD0iZ3JlZW4iPgo8L3N2Zz4K