Bug 236974

Summary: drop-shadow rendering is broken with clipping and banding
Product: WebKit Reporter: chu-vevo
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Critical CC: Hironori.Fujii, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: Mac (Apple Silicon)   
OS: macOS 12   
See Also: https://bugs.webkit.org/show_bug.cgi?id=236800
https://bugs.webkit.org/show_bug.cgi?id=202472
https://bugs.webkit.org/show_bug.cgi?id=207586
Attachments:
Description Flags
clipping
none
banding
none
with CSS transform none

Description chu-vevo 2022-02-21 07:48:06 PST 
Created attachment 452731 [details]
clipping

Just visit this MDN site using Safari:
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow()

Change the preview and increase the drop-shadow distances, you'll see it breaks horribly.
Comment 1 chu-vevo 2022-02-21 07:48:34 PST 
Created attachment 452732 [details]
banding
Comment 2 chu-vevo 2022-02-21 07:51:26 PST 
If you apply to transform to the element, it even gets worse, you can see it in the attachment.
Comment 3 chu-vevo 2022-02-21 07:51:54 PST 
Created attachment 452734 [details]
with CSS transform
Comment 4 Alexey Proskuryakov 2022-02-22 13:03:05 PST 
I can reproduce in Safari 15.3 and in latest STP.
Comment 5 Radar WebKit Bug Importer 2022-02-23 15:40:25 PST 
<rdar://problem/89382561>
Comment 6 Simon Fraser (smfr) 2022-03-04 13:43:08 PST 
The MDN content uses transitions, so this is a dup of bug 202472.

*** This bug has been marked as a duplicate of bug 202472 ***