Skip to content

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

Open
@hansireit

Description

@hansireit

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions