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

Description mic.gallego 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.
Comment 1 mic.gallego 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
Comment 2 Radar WebKit Bug Importer 2023-11-25 13:46:29 PST 
<rdar://problem/118793261>
Comment 3 Brent Fulgham 2023-12-21 15:07:51 PST 
The fix for this issue needs to be made outside of the WebKit Open Source project.