Skip to content

Keyframe scoping fails when declaring multiple values for the animation property. #49384

@HappyMajor

Description

@HappyMajor

Which @angular/* package(s) are the source of the bug?

compiler

Is this a regression?

No

Description

I am using the default value of View.encapsulation and get the following problem:

Screenshot 2023-03-03 103440

This will only scope the first animation theoFlyInX.

Chrome dev console:
scope-failed

If I declare multiple animations like this then it will work:
Screenshot 2023-03-03 103954

Chrome dev console:
scoped-right

I think the problem lies in the following file:

private _scopeAnimationRule(

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

No response

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions