search

valor-software / ngx-bootstrap

Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
https://valor-software.com/ngx-bootstrap
MIT License
5.52k stars 1.69k forks source link

Datepicker: Performance problems when switching between multiple datepickers repeatedly #6368

Open hansireit opened 2 years ago

hansireit commented 2 years ago

Bug description: When you switch between multiple datepickers repeatedly, the browser tab will get slower and eventually freeze. I have created a StackBlitz that renders multiple datepickers and then starts opening the datepickers randomly. This alone works fine, but if you start clicking on the datepicker-inputs as well, you can see that everything slows down. Even hovering over the datepicker-inputs, while the automated clicker is running, will cause a noticable difference in performance.

2021-11-19_07h29_41

Maybe this issue is related to #5395 and #5402

StackBlitz that reproduces the issue: https://stackblitz.com/edit/angular-ivy-xnumn9

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 7.1.0

Angular: 12.2.5

Bootstrap: 4.5.3

Build system: Angular CLI

Expected behavior

Clicking on/hovering over datepicker-inputs repeatedly should not freeze the entire tab.

mbrankintrintech commented 2 years ago

Also experiencing this fatal issue.