Bug 201992

Summary: SVG chained filters do not work
Product: WebKit Reporter: Said Abou-Hallawa <sabouhallawa>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, karlcow, zimmermann
Priority: P2    
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 200143    
Attachments:
Description Flags
svg-filter-href
none
rendering in safari, firefox, chrome none

Said Abou-Hallawa
Reported 2019-09-19 10:32:29 PDT
Created attachment 379146 [details] svg-filter-href Open the attached test case. Result: One green rectangle. Expected: Two green rectangles. The first rectangle is a <rect> element with a filter whose id is "filter". This filter is drawn correctly. The second rectangle is a <rect> element also but with a chained filter. The chained filter is defined as "<filter id="chained" href="#filter"/>". This chained filter does not work as expected.
Attachments
svg-filter-href (373 bytes, image/svg+xml)
2019-09-19 10:32 PDT, Said Abou-Hallawa 		no flags
Details
rendering in safari, firefox, chrome (64.65 KB, image/png)
2026-05-19 23:41 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2023-01-23 09:14:00 PST
Just to update - Safari 16.2, STP161 and Chrome Canary 111 all show just one green rectangle while only Firefox Nightly 111 show 'two' green rectangle. Thanks!
Karl Dubost
Comment 2 2026-05-19 23:41:47 PDT
Created attachment 479729 [details] rendering in safari, firefox, chrome
Karl Dubost
Comment 3 2026-05-19 23:56:06 PDT
The code of the testcase is <svg xmlns="http://www.w3.org/2000/svg"> <filter id="filter"> <feFlood flood-color="green"/> <feComposite in2="SourceAlpha" operator="atop"/> </filter> <filter id="chained" href="#filter"/> <rect x="10" y="10" width="100" height="100" filter="url(#filter)"/> <rect x="120" y="10" width="100" height="100" filter="url(#chained)"/> </svg> The filter spec is now at https://drafts.csswg.org/filter-effects-1/ As mentioned in https://w3c.github.io/svgwg/svg2-draft/single-page.html#changes-filters The filter element https://drafts.csswg.org/filter-effects-1/#FilterElement href is not defined as an attribute on this element. Ha but the DOM interface indicates https://drafts.csswg.org/filter-effects-1/#InterfaceSVGFilterElement SVGFilterElement includes SVGURIReference; which is itself: interface mixin SVGURIReference { [SameObject] readonly attribute SVGAnimatedString href; }; https://w3c.github.io/svgwg/svg2-draft/types.html#InterfaceSVGURIReference
Karl Dubost
Comment 4 2026-05-20 00:46:57 PDT
Opened a bug on https://github.com/w3c/svgwg/issues/1111
Note You need to log in before you can comment on or make changes to this bug.