RESOLVED CONFIGURATION CHANGED Bug 202643
Filter with animated gradient input doesn't update dynamically 
https://bugs.webkit.org/show_bug.cgi?id=202643
Summary Filter with animated gradient input doesn't update dynamically
Simon Fraser (smfr)
Reported 2019-10-07 10:51:10 PDT
The examples on https://codepen.io/enxaneta/post/svg-waves-with-fedisplacementmap don't work in WebKit.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-10-07 14:05:20 PDT
<rdar://problem/56049856>
Simon Fraser (smfr)
Comment 2 2021-08-29 20:12:35 PDT
This is not about CSS filters. This is about a filter inside one <svg> in html being used inside another.
Said Abou-Hallawa
Comment 3 2023-06-06 12:54:30 PDT
This now works in Safari better than Chrome and FireFox. WebKit applies filter in the static case while other browsers do not. The reason in the static examples the filter has an <feImage> while is defined like this: <feImage result="pict2" xlink:href="#gradient"></feImage> While in the animated case, this <feImage> is defined as a data url. <feImage result="pict2" xlink:href="data:image/svg+xml;..."></feImage> WebKit handles the case of <feImage> referencing another SVG element correctly.
Note You need to log in before you can comment on or make changes to this bug.