NEW 185074
Animating SVG blur filter stdDeviation leaves artifacts 
https://bugs.webkit.org/show_bug.cgi?id=185074
Summary Animating SVG blur filter stdDeviation leaves artifacts
bdc
Reported 2018-04-27 07:24:24 PDT
Created attachment 338986 [details] Test case In order to simulate a motion blur, I'm animating the `stdDeviation` attribute of a `feGaussianBlur`. It works well on Firefox and Chrome, but Safari leaves artifacts behind the element as it moves (see test case attached). It's worth noting promoting the element with `will-change:transform` removes the artifacts, but unfortunately also removes the gaussian blur outside the element.
Attachments
Test case (2.55 KB, application/zip)
2018-04-27 07:24 PDT, bdc 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
bdc
Comment 1 2018-04-27 07:27:32 PDT
FWIW it looks like a paint refresh issue. If you resize the browser during the animation, the issue sort of disappears.
Radar WebKit Bug Importer
Comment 2 2018-04-27 17:45:07 PDT
<rdar://problem/39810603>
Radar WebKit Bug Importer
Comment 3 2018-04-27 17:45:27 PDT
<rdar://problem/39810613>
Ahmad Saleem
Comment 4 2023-06-19 03:39:47 PDT
It is still reproducible in STP172. Added JSFiddle URL (easier to open and test) based on attached test case.
Note You need to log in before you can comment on or make changes to this bug.