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: fujii.hironori, 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

chu-vevo
Reported 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.
Attachments
clipping (198.85 KB, image/png)
2022-02-21 07:48 PST, chu-vevo 		no flags
Details
banding (104.43 KB, image/png)
2022-02-21 07:48 PST, chu-vevo 		no flags
Details
with CSS transform (95.12 KB, image/png)
2022-02-21 07:51 PST, chu-vevo 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
chu-vevo
Comment 1 2022-02-21 07:48:34 PST
Created attachment 452732 [details] banding
chu-vevo
Comment 2 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.
chu-vevo
Comment 3 2022-02-21 07:51:54 PST
Created attachment 452734 [details] with CSS transform
Alexey Proskuryakov
Comment 4 2022-02-22 13:03:05 PST
I can reproduce in Safari 15.3 and in latest STP.
Radar WebKit Bug Importer
Comment 5 2022-02-23 15:40:25 PST
<rdar://problem/89382561>
Simon Fraser (smfr)
Comment 6 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 ***
Note You need to log in before you can comment on or make changes to this bug.