(animate.leave) doesn't work on host #66476
Description
Which @angular/* package(s) are the source of the bug?
animations
Is this a regression?
No
Description
Self-explanatory. Open and close the popup, the "leave" animation doesn't work.
I'm trying to avoid adding unnecessary wrapping @if in Popup component (as I do here) to achieve pretty basic goal of creating a wrapping component with enter/leave animations, which the component's host doesn't know anything about.
Please provide a link to a minimal reproduction of the bug
https://stackblitz.com/edit/stackblitz-starters-u7sunwoe
Please provide the environment you discovered this bug in (run ng version)
Angular CLI: 20.3.8
Node: 22.13.1
Package Manager: yarn 1.22.19
OS: win32 x64
Angular: 20.3.9
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router, service-worker
Package Version
------------------------------------------
@angular-devkit/architect 0.2003.8
@angular-devkit/core 20.3.8
@angular-devkit/schematics 20.3.8
@angular/build 20.3.8
@angular/cdk 20.2.11
@angular/cli 20.3.8
@angular/fire 20.0.1
@angular/material 20.2.11
@angular/material-moment-adapter 20.2.11
@schematics/angular 20.3.8
rxjs 7.8.2
typescript 5.8.3
webpack 5.102.1
zone.js 0.15.1
Anything else?
No response