Bug 236974 - drop-shadow rendering is broken with clipping and banding
Summary: drop-shadow rendering is broken with clipping and banding
Status: RESOLVED DUPLICATE of bug 202472
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: Mac (Apple Silicon) macOS 12
: P2 Critical
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-02-21 07:48 PST by chu-vevo
Modified: 2022-03-04 13:43 PST (History)
4 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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 ***