NEW 185720
Repaint bounds too small on SVG element with blur filter applied
https://bugs.webkit.org/show_bug.cgi?id=185720
Summary Repaint bounds too small on SVG element with blur filter applied
Jan Bösenberg
Reported 2018-05-17 03:40:21 PDT
Created attachment 340568 [details] Simple testcase to reproduce the issue If you open the attached test case and move the mouse over the blurred red square, the color changes to blue. But since the repainting bounds do not take into account the blur, the outer part of the blurred area stays red. After switching between windows (enforcing a full repaint), the blurred square is displayed correctly. This may be related to (or a duplicate of) https://bugs.webkit.org/show_bug.cgi?id=166739
Attachments
Simple testcase to reproduce the issue (836 bytes, text/html)
2018-05-17 03:40 PDT, Jan Bösenberg
no flags
Hector Plata
Comment 1 2020-12-24 10:36:34 PST
Experiencing the same bug, https://codepen.io/Hectorplata/pen/PoGOqNq In this example I'm using css transitions to change the fill of an SVG with a blur filter and the bounds works well, but the exterior remains stationary causing a weird effect.
Brent Fulgham
Comment 2 2022-07-15 16:13:50 PDT
Confirmed this affects Safari 15.5+. Works properly in Chrome and Firefox.
Radar WebKit Bug Importer
Comment 3 2022-07-15 16:14:00 PDT
Note You need to log in before you can comment on or make changes to this bug.