[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