202643 2019-10-07 10:51:10 -0700 Filter with animated gradient input doesn't update dynamically 2023-06-06 12:54:30 -0700 1 1 1 Unclassified WebKit SVG WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=204204 https://codepen.io/enxaneta/pen/276a3fd67cade1208e5440b6fda5725d InRadar P2 Normal --- 1 simon.fraser simon.fraser sabouhallawa simon.fraser webkit-bug-importer zimmermann oldest_to_newest 1577391 0 simon.fraser 2019-10-07 10:51:10 -0700 The examples on https://codepen.io/enxaneta/post/svg-waves-with-fedisplacementmap don't work in WebKit. 1577500 1 webkit-bug-importer 2019-10-07 14:05:20 -0700 <rdar://problem/56049856> 1788435 2 simon.fraser 2021-08-29 20:12:35 -0700 This is not about CSS filters. This is about a filter inside one <svg> in html being used inside another. 1960107 3 sabouhallawa 2023-06-06 12:54:30 -0700 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.