Bug 265126

Summary: REGRESSION (Safari 17.x): Rounded box-shadow are rendered blurry and cut
Product: WebKit Reporter: mic.gallego
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED MOVED    
Severity: Normal CC: bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Blurry edges none

mic.gallego
Reported 2023-11-20 05:44:26 PST
Created attachment 468676 [details] Blurry edges Hi, Started from Safari 17.1 (or 17.0, I could not get it), rounded box-shadow are rendered blurry and cut. The issue is not reproducible on Safari 16 and lower. You can find a reproduction test case here: https://codepen.io/bakura10/pen/gOqvEQg Thanks.
Attachments
Blurry edges (39.36 KB, image/png)
2023-11-20 05:44 PST, mic.gallego 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
mic.gallego
Comment 1 2023-11-20 05:48:33 PST
Actually, I realized you don't even need the before pseudo element, the issue can also be reproduced on a much simpler use case. I've created a smaller reproduction example here: https://codepen.io/bakura10/pen/bGzLJbL
Radar WebKit Bug Importer
Comment 2 2023-11-25 13:46:29 PST
<rdar://problem/118793261>
Brent Fulgham
Comment 3 2023-12-21 15:07:51 PST
The fix for this issue needs to be made outside of the WebKit Open Source project.
Note You need to log in before you can comment on or make changes to this bug.