Animations: animateChild() fails to run child transitions when using state() with '*' star style

[lasfrancisco]

🐞 bug report

Affected Package

@angular/animations

Description

When an animation uses states to/from the '*' star style, animateChild() fail to run the transition to the "starred" state and jumps to the final state instead (or run the transition from the final state to the same).

🔬 Minimal Reproduction

Take a look here:
https://stackblitz.com/edit/wizdm-animatechild-toggler?file=src%2Fapp%2Fmat-toggler%2Fmat-toggler-animations.ts

🌍 Your Environment

Angular Version:
Angular CLI: 7.0.5
Node: 9.11.1
OS: darwin x64
Angular: 7.0.3
... animations, cdk, common, compiler, compiler-cli, core, forms
... http, language-service, material, material-moment-adapter
... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.8.6
@angular-devkit/build-angular 0.10.2
@angular-devkit/build-ng-packagr 0.8.6
@angular-devkit/build-optimizer 0.10.2
@angular-devkit/build-webpack 0.10.2
@angular-devkit/core 0.8.6
@angular-devkit/schematics 7.0.5
@angular/cli 7.0.5
@angular/fire 5.1.0
@angular/flex-layout 7.0.0-beta.19
@ngtools/json-schema 1.1.0
@ngtools/webpack 7.0.2
@schematics/angular 7.0.5
@schematics/update 0.10.5
ng-packagr 4.4.0
rxjs 6.3.3
typescript 3.1.6
webpack 4.19.1

Anything else relevant?
building on macOS, running on both Chrome & Safari.

Thanks,

[lasfrancisco]

The defect is still present after upgrading to angular version 7.10

[CptKicks]

Still not fixed?

[dario-piotrowicz]

This looks to have been fixed (I am pretty sure it was fixed in #44515)

As you can see from this stackblitz