2023700 - inherit on descendants of composited animations only updated occasionally

Status: UNCONFIRMED

(Core :: CSS Transitions and Animations, defect)

Description

[Robert Flack]

Attachment: inherited-transform-anim.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36

Steps to reproduce:

Open the attached file or navigate to https://jsbin.com/zoloqaf/4/edit?html,css,output , click the animate checkbox to start the animation.

Actual results:

During the animation the #b element only updates its transform occasionally - e.g. when the mouse is moved.

Expected results:

During the animation, the #b element should smoothly translate twice as far up and down as the #a element as it is shifted by #a's transform plus an identical transform on itself. You can see before the animation is running that this is normally the case.

Comment 1

[Robert Flack]

In chrome https://issues.chromium.org/493257009 the behavior is similar. In safari https://bugs.webkit.org/show_bug.cgi?id=310040 the inherited value never seems to update.