Bug 241791

Summary: clip should be applied after drop-shadow filter
Product: WebKit Reporter: Fujii Hironori <fujii.hironori>
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: https://wpt.fyi/results/css/css-masking/clip/clip-filter-order.html?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2023-cssmasking
Attachments:
Description Flags
test case
none
[screenshot] Safari Technology Preview 146
none
clip-path and drop-shadow none

Fujii Hironori
Reported 2022-06-20 17:29:07 PDT
Created attachment 460359 [details] test case clip should be applied after drop-shadow filter
Attachments
test case (620 bytes, text/html)
2022-06-20 17:29 PDT, Fujii Hironori 		no flags
Details
[screenshot] Safari Technology Preview 146 (73.34 KB, image/png)
2022-06-20 17:32 PDT, Fujii Hironori 		no flags
Details
clip-path and drop-shadow (626 bytes, text/html)
2022-06-20 17:41 PDT, Fujii Hironori 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Fujii Hironori
Comment 1 2022-06-20 17:32:38 PDT
Created attachment 460360 [details] [screenshot] Safari Technology Preview 146
Fujii Hironori
Comment 2 2022-06-20 17:41:04 PDT
Created attachment 460361 [details] clip-path and drop-shadow
Radar WebKit Bug Importer
Comment 3 2022-06-27 17:30:15 PDT
<rdar://problem/96024324>
Simon Fraser (smfr)
Comment 4 2023-08-02 09:50:10 PDT
Does some CSS spec describe the order?
Fujii Hironori
Comment 5 2023-08-02 11:54:38 PDT
https://drafts.fxtf.org/css-masking-1/#placement > In a last step the following effects are applied to the element in order: filter effects [FILTER-EFFECTS], clipping, masking and opacity. https://drafts.fxtf.org/filter-effects-1/#placement > The compositing model follows the SVG compositing model [SVG11]: first any filter effect is applied, then any clipping, masking and opacity [CSS3COLOR].
Note You need to log in before you can comment on or make changes to this bug.