Bug 193018

Summary: Incorrect blur with large radius
Product: WebKit Reporter: Jonathan Deutsch <jonathan>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 12   
Hardware: Mac   
OS: macOS 10.14   
Attachments:
Description Flags
Screenshot of incorrect and correct renderings none

Jonathan Deutsch
Reported 2018-12-23 17:45:41 PST
Created attachment 358033 [details] Screenshot of incorrect and correct renderings A blur with a large radius shows graphical corruption. This can be reproduced very simply via: <div style="background-color: rgb(255, 235, 200); width: 450px; height: 446px; filter: blur(75px);"></div> Please see the attached screenshot. It appears pink! There are various blur values that can make it look good or bad; I found 68px looks fine but 69px looks incorrect. One workaround is to use a "transform:rotateY(0deg)" style, but this isn't a valid workaround for us in all cases for other reasons. This affects Tumult Hype (http://tumult.com/hype/).
Attachments
Screenshot of incorrect and correct renderings (551.15 KB, image/png)
2018-12-23 17:45 PST, Jonathan Deutsch 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Brent Fulgham
Comment 1 2022-07-01 16:10:12 PDT
Still happens on macOS 13.
Radar WebKit Bug Importer
Comment 2 2022-07-01 16:10:21 PDT
<rdar://problem/96319816>
Note You need to log in before you can comment on or make changes to this bug.