Bug 157254 - SVG blur applied to <div> shows grid lines
Summary: SVG blur applied to <div> shows grid lines
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-05-01 18:49 PDT by Ricci Adams
Modified: 2022-09-03 11:06 PDT (History)
5 users (show)

See Also:

Attachments
Example HTML (686 bytes, text/html)
2016-05-01 18:49 PDT, Ricci Adams 		no flags Details
Screenshot (166.11 KB, image/png)
2016-05-01 18:49 PDT, Ricci Adams 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Ricci Adams 2016-05-01 18:49:10 PDT 
Created attachment 277883 [details]
Example HTML

Load the attached example HTML file in Safari 9 or Safari Technical Preview and enlarge the window.

Expected result: solid blurred rectangle with "Hello World" in the center.
Actual result: white grid lines appear in the rectangle.
Comment 1 Ricci Adams 2016-05-01 18:49:35 PDT 
Created attachment 277884 [details]
Screenshot
Comment 2 Ricci Adams 2016-05-01 18:50:02 PDT 
Works fine in latest Chrome and Firefox.
Comment 3 Simon Fraser (smfr) 2016-05-03 18:42:19 PDT 
Why not use CSS filters? filter: blur(4px).
Comment 4 Ricci Adams 2016-05-03 18:51:02 PDT 
Thanks! :) CSS filters work great, but I hit this while messing around with SVG filters.  (Specifically, I was hoping to use the edgeMode="duplicate" feature of <feGaussianBlur>).

Even with this fixed, I may use CSS filters anyway - I'm not sure what the performance characteristics of each are.
Comment 5 Ahmad Saleem 2022-09-03 11:06:16 PDT 
I am not able to reproduce the grid lines in Safari 15.6.1 and Safari Technology Preview 152 and tried resizing and maximising using attached "Example HTML". It matches with other browsers (Chrome Canary 107 and Firefox Nightly 106).

Since Safari does not show "GRID" lines like one in the reference screenshots. I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Thanks!