Ngx-bootstrap: Accordion with animation enabled triggers infinite ChangeDetection Cycles on IE11

Created on 12 Feb 2020  路  2Comments  路  Source: valor-software/ngx-bootstrap

Angular: 8.2.14
ngx-bootstrap: 5.5.0
build system: angular cli

Demo Project: https://stackblitz.com/edit/angular-r5bngk
App URL: https://angular-r5bngk.stackblitz.io

I've set up the demo app to log every change detection cycle to the console. If you open the app in chrome and click on the first accordion header it will fire at least twice and then stop. In IE11 it will be run infinitely, causing the app to slow down to a crawl.
This problem only occurs if the [isAnimated] property of the accordion is set to true.

comp(accordion) issue

Most helpful comment

going to investigate the issue

All 2 comments

Angular: 8.2.14
ngx-bootstrap: 5.5.0
build system: angular cli

Demo Project: https://stackblitz.com/edit/angular-r5bngk
App URL: https://angular-r5bngk.stackblitz.io

I've set up the demo app to log every change detection cycle to the console. If you open the app in chrome and click on the first accordion header it will fire at least twice and then stop. In IE11 it will be run infinitely, causing the app to slow down to a crawl.
This problem only occurs if the [isAnimated] property of the accordion is set to true.

going to investigate the issue

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghiscoding picture ghiscoding  路  3Comments

RolfVeinoeSorensen picture RolfVeinoeSorensen  路  3Comments

Scooviese picture Scooviese  路  3Comments

MihaiHoriaPopescu picture MihaiHoriaPopescu  路  3Comments

haisaco picture haisaco  路  3Comments