1746691 - Absolutely positioned animated element in parent with overflow: hidden disappears

Status: NEW

(Core :: Layout, defect)

Description

[lisowski54]

Attachment: CleanShot 2021-12-17 at 14.44.44.mp4

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:95.0) Gecko/20100101 Firefox/95.0

Steps to reproduce:

https://codepen.io/hipstersmoothie/pen/poWPxJR/

Actual results:

When you interact with the preview area (for example by clicking on the animated element) the elements in the animation flicker. It seems like everytime the animation restarts is when the flicker has the potential to happen.

Expected results:

The animation should be smooth (as it is in safari and chrome)

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Navigation' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:dholbert, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[Hiroyuki Ikezoe (:hiro)]

This is definitely related to our off-main-thread animation stuff. I don't see flicker in most cases, but I do sometimes see the flicker when I move mouse cursor on the animation.

Comment 4

[lisowski54]

It happens the most for me if I click this elements being animated