[Webkit-unassigned] [Bug 231360] New: Overflow hidden not applied correctly for animated pseudo element

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Oct 7 06:49:20 PDT 2021


https://bugs.webkit.org/show_bug.cgi?id=231360

            Bug ID: 231360
           Summary: Overflow hidden not applied correctly for animated
                    pseudo element
           Product: WebKit
           Version: Safari 15
          Hardware: Mac (Apple Silicon)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: moritz.mt99 at gmail.com
                CC: dino at apple.com, graouts at apple.com

When animating transform: translateX on a pseudo element, the element does not respect the parent overflow: hidden attribute.

See this example: https://codesandbox.io/s/safari-css-overflow-hidden-pseudo-bug-19108?file=/index.html

You can see that the "shine/pulse" effect on this progress bar, renders outside the parent element as well. The expected behavior would be for the overlapping content of the pseudo element at the border corners to be cut off.

This example is working correctly in Chrome.

Safari Version: Version 15.0 (16612.1.29.41.4, 16612)
OS Version: macOS Big Sur 11.6 (20G165)
Hardware: MacBook Pro (13-inch, M1, 2020)

-- 
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/20211007/d231ae7c/attachment.htm>


More information about the webkit-unassigned mailing list