Skip to content

bug(animations) nested animations don't work properly when switching between states #25194

@Ploppy3

Description

@Ploppy3

I'm submitting a...


[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
[ ] Other... Please describe:

Current behavior

Nested animations don't work properly when switching between states

Expected behavior

Nested animations should always work.

Minimal reproduction of the problem with instructions

Working (without swithing between states ; with *ngIf):
https://stackblitz.com/edit/angular-sev2pq?file=src%2Fapp%2Fapp.component.html

Not working (switching between states):
https://stackblitz.com/edit/angular-skyqmo?file=src%2Fapp%2Fapp.component.html

What is the motivation / use case for changing the behavior?

Environment


Angular version: X.Y.Z


Browser:
- [x] Chrome (desktop) version 68
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX

Others:

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentarea: animationsfreq2: mediumtype: bug/fix

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions