185074 2018-04-27 07:24:24 -0700 Animating SVG blur filter stdDeviation leaves artifacts 2023-06-19 03:39:47 -0700 1 1 1 Unclassified WebKit SVG Safari 11 Mac macOS 10.13 NEW https://jsfiddle.net/sxvtwhfo/show InRadar P2 Normal --- 1 ben webkit-unassigned ahmad.saleem792 sabouhallawa simon.fraser webkit-bug-importer zimmermann oldest_to_newest 1418474 0 338986 ben 2018-04-27 07:24:24 -0700 Created attachment 338986 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. 1418475 1 ben 2018-04-27 07:27:32 -0700 FWIW it looks like a paint refresh issue. If you resize the browser during the animation, the issue sort of disappears. 1418698 2 webkit-bug-importer 2018-04-27 17:45:07 -0700 <rdar://problem/39810603> 1418699 3 webkit-bug-importer 2018-04-27 17:45:27 -0700 <rdar://problem/39810613> 1962408 4 ahmad.saleem792 2023-06-19 03:39:47 -0700 It is still reproducible in STP172. Added JSFiddle URL (easier to open and test) based on attached test case. 338986 2018-04-27 07:24:24 -0700 2018-04-27 07:24:24 -0700 Test case test-case.zip application/zip 2616 ben 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