-
Notifications
You must be signed in to change notification settings - Fork 27k
Closed
Labels
area: coreIssues related to the framework runtimeIssues related to the framework runtimecore: animationsIssues related to `animate.enter` and `animate.leave`Issues related to `animate.enter` and `animate.leave`state: has PR
Milestone
Description
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
Assignees
Labels
area: coreIssues related to the framework runtimeIssues related to the framework runtimecore: animationsIssues related to `animate.enter` and `animate.leave`Issues related to `animate.enter` and `animate.leave`state: has PR