Skip to content

[css-transitions] undesired behaviour - transition of inherited value happening in sequence. #5324

Open
@meirkoen

Description

@meirkoen

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions