Description
Transition of inherited value, such as text-indent
, in nested elements, is happening in sequence and not simultaneously with the transition of the parent value.
Here is a codepen demonstrates the issue: https://codepen.io/meirkoen/pen/mdVGRYj?editors=1100
On the left side you can see 3 variants of the issue.
On the right side you can see how it can be fixed - by specifying the values on the children as well.
I have tried to search the [css-transitions] spec for a definition of this behaviour but I did not see one.
My guess is that this is an undesired behaviour (bug) resulting by this section in the spec https://drafts.csswg.org/css-transitions/#starting that has left unhandled.
Before I will propose anything I wanted to post the issue to be sure that I'm not mistaken.