230636 2021-09-22 13:19:54 -0700 border-radius clipping stops working when using mix-blend-mode with composted children 2022-08-31 14:40:28 -0700 1 1 1 Unclassified WebKit Compositing Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 68196 https://bugs.webkit.org/show_bug.cgi?id=140535 https://bugs.webkit.org/show_bug.cgi?id=67950 InRadar P2 Normal --- 1 simon.fraser webkit-unassigned graouts simon.fraser webkit-bug-importer oldest_to_newest 1796178 0 438969 simon.fraser 2021-09-22 13:19:54 -0700 Created attachment 438969 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. 1796179 1 simon.fraser 2021-09-22 13:20:16 -0700 <rdar://83414168> 1796180 2 simon.fraser 2021-09-22 13:22:21 -0700 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(). 1895284 3 simon.fraser 2022-08-31 14:40:28 -0700 *** This bug has been marked as a duplicate of bug 68196 *** 438969 2021-09-22 13:19:54 -0700 2021-09-22 13:19:54 -0700 Test case border-radius-backdrop-blend-mode.html text/html 704 simon.fraser PHN0eWxlPgoKZGl2IHsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKfQoKLmJhY2tncm91bmQtdGlu dCB7CiAgICB3aWR0aDogMTAwcHg7CiAgICBoZWlnaHQ6IDEwMHB4OwoKICAgIC8qIFRoaXMgc2hv dWxkIGNsaXAgYWxsIGNoaWxkcmVuLCBidXQgZG9lc24ndC4gKi8KICAgIGJvcmRlci1yYWRpdXM6 IDIwcHg7CiAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgCiAgICB3aWxsLWNoYW5nZTogei1pbmRl eDsKfQoKLmJhY2tncm91bmQtdGludCA+IGRpdiB7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAg ICB3aWR0aDogMTAwJTsKICAgIGhlaWdodDogMTAwJTsKfQoKLmJhY2tncm91bmQtdGludCA+IC5i bHVyIHsKICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41NSk7CiAgICAtd2Vi a2l0LWJhY2tkcm9wLWZpbHRlcjogc2F0dXJhdGUoMTgwJSkgYmx1cigxNy41cHgpOwp9CgouYmFj a2dyb3VuZC10aW50ID4gLnRpbnQgewogICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1 NSwgMjU1LCAwLjUpOwogICAgLyogUmVtb3ZpbmcgdGhpcyBmaXhlcyB0aGUgaXNzdWUuICovCiAg ICBtaXgtYmxlbmQtbW9kZTogbGlnaHRlbjsKfQoKPC9zdHlsZT4KCjxkaXYgY2xhc3M9ImJhY2tn cm91bmQtdGludCI+CiAgICA8ZGl2IGNsYXNzPSJibHVyIj48L2Rpdj4KICAgIDxkaXYgY2xhc3M9 InRpbnQiPjwvZGl2Pgo8L2Rpdj4=