Bug 265126

Summary:

REGRESSION (Safari 17.x): Rounded box-shadow are rendered blurry and cut

Product:

WebKit

Reporter:

mic.gallego

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED MOVED

Severity:

Normal

CC:

bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

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.