Animation in not active material mat-tab makes animated element get stuck in the DOM

[anthonn]

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

animations

Is this a regression?

No

Description

If triggering an animation for a component that is currently in an inactive mat-tab, that animation sticks to the DOM and is not removed as it should.

See the attached stackblitz.

1. Click on the tab "Second" and wait 2 seconds.
2. Click on the tab "First".

The result is that the div with item0 that was animated got stuck for the TestComponent that was inside of the first mat-tab.

Test example start

and end, where the animated div gets stuck in one of the TestComponent

Might be related to:
#53492

Please provide a link to a minimal reproduction of the bug

https://stackblitz.com/edit/23y3d9

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

[thePunderWoman]

This issue was closed as obsolete due to the introduction of the new animate.enter and animate.leave APIs. The @angular/animations package is now deprecated and will be removed in Angular v23. We hope you give the new APIs a try.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}