Bug 265126 - REGRESSION (Safari 17.x): Rounded box-shadow are rendered blurry and cut
Summary: REGRESSION (Safari 17.x): Rounded box-shadow are rendered blurry and cut
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 17
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-11-20 05:44 PST by mic.gallego
Modified: 2023-12-21 15:07 PST (History)
4 users (show)

See Also:

Attachments
Blurry edges (39.36 KB, image/png)
2023-11-20 05:44 PST, mic.gallego 		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 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.