Skip to content

BUG: animate.leave doesn't save styles till the end of the transition #64326

@froz-ilya

Description

@froz-ilya

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

core

Is this a regression?

Yes

Description

When using animate.leave, styles are not preserved until the end of the animation.

In the example above, clicking the "Toggle" button should trigger the component's closing animation (using grid-template-rows). The animation plays, but the element expands in size. This is likely not the expected behavior

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/stackblitz-starters-cuyyzgnx

Please provide the exception or error you saw


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

Angular CLI: 20.3.5
Node: 20.19.1
Package Manager: npm 10.8.2
OS: linux x64
    

Angular: 20.3.4
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, router

Package                      Version
------------------------------------
@angular-devkit/architect    0.2003.5
@angular-devkit/core         20.3.5
@angular-devkit/schematics   20.3.5
@angular/build               20.3.5
@angular/cli                 20.3.5
@schematics/angular          20.3.5
rxjs                         7.8.2
typescript                   5.8.2
zone.js                      0.15.0

Anything else?

This issue is likely related to the fixed bug #64209

Metadata

Metadata

Labels

area: coreIssues related to the framework runtimecore: animationsIssues related to `animate.enter` and `animate.leave`state: has PR

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions