RESOLVED DUPLICATE of bug 202472 236974
drop-shadow rendering is broken with clipping and banding 
https://bugs.webkit.org/show_bug.cgi?id=236974
Summary drop-shadow rendering is broken with clipping and banding
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.