223507 2021-03-19 04:31:36 -0700 Clipping with border-radius is not applied when there is a css transform and it is in a scrollable container 2021-03-20 03:12:53 -0700 1 1 1 Unclassified WebKit Compositing Safari 14 Unspecified macOS 11 RESOLVED DUPLICATE 216978 P2 Normal --- 1 brendan webkit-unassigned simon.fraser oldest_to_newest 1741661 0 423717 brendan 2021-03-19 04:31:36 -0700 Created attachment 423717 Reproduction of the bug Overview: Clipping using overflow: hidden and a border-radius stops working if a css transform (e.g. transform: scale(1)) is also applied AND it is in a scrollable container. Demo: https://codepen.io/brendandonovan/pen/gOLJgyx Steps to reproduce: 1. Open the above link 2. Observe the second div in the scrollable container Actual Behaviour: When a div with overflow:hidden and a border radius has also has transform: scale(1) and is within a scrollable container it stops clipping the inner content. Expected behaviour: A div with overflow:hidden and a border-radius should continue to clip the inner content when it has a css transform applied and it is within a scrollable container. Build Date & Hardware: Date and hardware of the build in which you first encountered the bug. Safari Version 14.0.3 (16610.4.3.1.7), macOS Big Sur 11.2.3 (20D91) Additional Builds and Platforms: Works as intended in Chrome. 1741737 1 simon.fraser 2021-03-19 09:26:33 -0700 I think this is a dup of bug 216978. 1742001 2 brendan 2021-03-20 03:12:53 -0700 Sorry, I was thrown off by the hover state in the description and did not notice the overflow condition in bug [216978](https://bugs.webkit.org/show_bug.cgi?id=216978). This is a duplicate. *** This bug has been marked as a duplicate of bug 216978 *** 423717 2021-03-19 04:31:36 -0700 2021-03-19 04:31:36 -0700 Reproduction of the bug Testcase.html text/html 963 brendan PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIiBkaXI9Imx0ciI+CiAgPGhlYWQ+CiAgICA8 bWV0YSBjaGFyc2V0PSJ1dGYtOCI+CiAgICA8dGl0bGU+Qm9yZGVyLXJhZGl1cyBjbGlwcGluZyBw cm9ibGVtPC90aXRsZT4KICAgIDxzdHlsZSBtZWRpYT0ic2NyZWVuIj4KICAgICAgLnNjcm9sbGVy IHsKICAgICAgICBvdmVyZmxvdzogYXV0bzsKICAgICAgICB3aWR0aDogMTAwcHg7CiAgICAgICAg aGVpZ2h0OiAyMDBweDsKICAgICAgICBib3JkZXI6IHNvbGlkIDJweCBibHVlOwogICAgICB9Cgog ICAgICAuYm94IHsKICAgICAgICBtYXJnaW46IDIwcHggMCAyMHB4OwogICAgICAgIHdpZHRoOiAx MDBweDsKICAgICAgICBoZWlnaHQ6IDEwMHB4OwogICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7 CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICBib3JkZXI6IHNvbGlkIDFweCBibGFj azsKICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICB9CgogICAgICAuYnVnIHsK ICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpOwogICAgICB9CgogICAgICAuY29udGVudHMgewog ICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgIGhlaWdodDogMTAwJTsKICAgICAgICBiYWNrZ3Jv dW5kLWNvbG9yOiByZWQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9oZWFkPgogIDxib2R5Pgog ICAgPGRpdiBjbGFzcz0ic2Nyb2xsZXIiPgogICAgICA8ZGl2IGNsYXNzPSJib3giPgogICAgICAg IDxkaXYgY2xhc3M9ImNvbnRlbnRzIj48L2Rpdj4KICAgICAgPC9kaXY+CiAgICAgIDxkaXYgY2xh c3M9ImJveCBidWciPgogICAgICAgIDxkaXYgY2xhc3M9ImNvbnRlbnRzIj48L2Rpdj4KICAgICAg PC9kaXY+CiAgICA8L2Rpdj4KICAgIDxkaXYgY2xhc3M9ImJveCBidWciPgogICAgICA8ZGl2IGNs YXNzPSJjb250ZW50cyI+PC9kaXY+CiAgICA8L2Rpdj4KICA8L2JvZHk+CjwvaHRtbD4K