247546 2022-11-06 06:55:27 -0800 element.animate on pseudoElement can overflow border-radius 2022-11-09 16:06:51 -0800 1 1 1 Unclassified WebKit Animations Safari 16 Unspecified macOS 13 RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 sorvell webkit-unassigned dino graouts simon.fraser oldest_to_newest 1910629 0 sorvell 2022-11-06 06:55:27 -0800 When `element.animate` is called with a `pseudoElement` target (e.g. `::after`) and the pseudo element is transformed (e.g. via `scale`) to be larger than the containing element's dimensions and the element has `overflow: hidden` with a `border-radius` set, the psuedo-element incorrectly overflows the element's border-radius during the animation. Note, this behavior does not occur on Chrome or Firefox. REPRODUCTION: https://lit.dev/playground/#gist=c313d05987201bea072e2d5f6381a67e. WORKAROUND: Applying an explicit `transform: scale(1)` to the containing element fixes the issue. 1911322 1 simon.fraser 2022-11-09 11:30:06 -0800 Does this still reproduce in Safari Tech Preview? 1911389 2 sorvell 2022-11-09 15:57:40 -0800 Does not reproduce on Safari Tech Preview. Looks like it's fixed. 1911392 3 simon.fraser 2022-11-09 16:06:51 -0800 Thanks for checking.