Bug 185720

Summary: Repaint bounds too small on SVG element with blur filter applied
Product: WebKit Reporter: Jan Bösenberg <jan.boesenberg>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, hector.f.plata.s, jan.boesenberg, sabouhallawa, simon.fraser, tanaka.toshiyuki, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 11   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=166739
Attachments:
Description Flags
Simple testcase to reproduce the issue none

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
Details
View All Add attachment proposed patch, testcase, etc.
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
<rdar://problem/97099585>
Note You need to log in before you can comment on or make changes to this bug.