Bug 202643 - Filter with animated gradient input doesn't update dynamically
Summary: Filter with animated gradient input doesn't update dynamically
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Simon Fraser (smfr)
URL: https://codepen.io/enxaneta/pen/276a3...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-10-07 10:51 PDT by Simon Fraser (smfr)
Modified: 2023-06-06 12:54 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Simon Fraser (smfr) 2019-10-07 10:51:10 PDT 
The examples on https://codepen.io/enxaneta/post/svg-waves-with-fedisplacementmap don't work in WebKit.
Comment 1 Radar WebKit Bug Importer 2019-10-07 14:05:20 PDT 
<rdar://problem/56049856>
Comment 2 Simon Fraser (smfr) 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.
Comment 3 Said Abou-Hallawa 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.