Bug 230636

Summary: border-radius clipping stops working when using mix-blend-mode with composted children
Product: WebKit Reporter: Simon Fraser (smfr) <simon.fraser>
Component: CompositingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: graouts, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=140535
https://bugs.webkit.org/show_bug.cgi?id=67950
Attachments:
Description Flags
Test case none

Simon Fraser (smfr)
Reported 2021-09-22 13:19:54 PDT
Created attachment 438969 [details] Test case Bug 140535 can be triggered even when the element with border-radius is a stacking context, if one of the children has mix-blend-mode.
Attachments
Test case (704 bytes, text/html)
2021-09-22 13:19 PDT, Simon Fraser (smfr) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2021-09-22 13:20:16 PDT
<rdar://83414168>
Simon Fraser (smfr)
Comment 2 2021-09-22 13:22:21 PDT
This happens because isolatesCompositedBlending() changes the behavior of composited clipping from using a single clipping layer for descendants (which knows how to do border-radius clipping) to using an "ancestor clip layer" on each descendant, which does not. See RenderLayerCompositor::clipsCompositingDescendants().
Simon Fraser (smfr)
Comment 3 2022-08-31 14:40:28 PDT
*** This bug has been marked as a duplicate of bug 68196 ***
Note You need to log in before you can comment on or make changes to this bug.