[Webkit-unassigned] [Bug 223507] New: Clipping with border-radius is not applied when there is a css transform and it is in a scrollable container
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Fri Mar 19 04:31:36 PDT 2021
https://bugs.webkit.org/show_bug.cgi?id=223507
Bug ID: 223507
Summary: Clipping with border-radius is not applied when there
is a css transform and it is in a scrollable container
Product: WebKit
Version: Safari 14
Hardware: Unspecified
OS: macOS 11
Status: NEW
Severity: Normal
Priority: P2
Component: Compositing
Assignee: webkit-unassigned at lists.webkit.org
Reporter: brendan at pitch.io
CC: simon.fraser at apple.com
Created attachment 423717
--> https://bugs.webkit.org/attachment.cgi?id=423717&action=review
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.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210319/619c6acf/attachment-0001.htm>
More information about the webkit-unassigned
mailing list