[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