Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs: update animation guide with compatibility details (#64567)

Browse source 
This adds a section about using legacy animations alongside animate.enter and leave.

PR Close #64567
This commit is contained in:
Jessica Janiuk 2025-10-21 11:33:43 -07:00
parent 24cc18686a
commit acadefbba9
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
adev/src/content/guide/animations/enter-and-leave.md
View file

@ -75,6 +75,10 @@ If you don't call `animationComplete()` when using `animate.leave`, Angular call
{ provide: MAX_ANIMATION_TIMEOUT, useValue: 6000 }
```
## Compatibility with Legacy Angular Animations
You cannot use legacy animations alongside `animate.enter` and `animate.leave` within the same component. Doing so would result in enter classes remaining on the element or leaving nodes not being removed. It is otherwise fine to use both legacy animations and the new `animate.enter` and `animate.leave` animations within the same _application_. The only caveat is content projection. If you are projecting content from one component with legacy animations into another component with `animate.enter` or `animate.leave`, or vice versa, this will result in the same behavior as if they are used together in the same component. This is not supported.
## Testing
TestBed provides built-in support for enabling or disabling animations in your test environment. CSS animations require a browser to run, and many of the APIs are not available in a test environment. By default, TestBed disables animations for you in your test environments.