Item with animation not being removed during exit animation on Firefox #35463
Description
🐞 bug report
Affected Package
The issue is caused by package @angular/....Seems related to the animation package, but I don't know for sure
Is this a regression?
Yes, the previous version in which this bug was not present was: ....I'm unsure, admittedly. I only noticed this bug once updating to Angular 9
Description
I have an ngFor of items that is meant to update based on an array with a pipe on it. Once that array is updated and Angular renders the new values, it will run an enter animation for the new values and an exit animation for the old values. On Chrome, this works fine. However, in Firefox (72), it will not remove the old elements from being rendered. If I remove the animation, it unrenders the items in the ngFor just fine
🔬 Minimal Reproduction
Running the ng serve will bring up the demo page that is broken once you click one of the directional arrows on the side of the page:
https://github.com/Linkd-Inc/ngx-slideshow
However, once you remove:
shrinkEnterExit animation, it will work again:
🔥 Exception or Error
No error is thrown in the Firefox console
🌍 Your Environment
Angular Version:
Angular CLI: 9.0.2
Node: 10.16.3
OS: darwin x64
Angular: 9.0.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes
Package Version
------------------------------------------------------------
@angular-devkit/architect 0.900.2
@angular-devkit/build-angular 0.900.2
@angular-devkit/build-ng-packagr 0.900.2
@angular-devkit/build-optimizer 0.900.2
@angular-devkit/build-webpack 0.900.2
@angular-devkit/core 9.0.2
@angular-devkit/schematics 9.0.2
@angular/cli 9.0.2
@ngtools/webpack 9.0.2
@schematics/angular 9.0.2
@schematics/update 0.900.2
ng-packagr 9.0.0
rxjs 6.5.4
typescript 3.7.5
webpack 4.41.2
Anything else relevant?
I'm using Firefox 72.