Bug 185074

Summary: Animating SVG blur filter stdDeviation leaves artifacts
Product: WebKit Reporter: bdc <ben>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 11   
Hardware: Mac   
OS: macOS 10.13   
URL: https://jsfiddle.net/sxvtwhfo/show
Attachments:
Description Flags
Test case none

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.