The calendar popup stays open after changing route

[Eugene]

 

 

When a user opens the calendar popup and a date hasn't been selected and then click the back button on the browser window, the calendar popup doesn't close and stuck on the top left corner without any opportunity to close.

Steps to reproduce:

1. click on 'go to calendar' link.

2. open calendar popup using focus on date input.

3. click back button on the browser window (main window, not a stackblitz frame)

Result in attaches.

https://stackblitz.com/edit/angular-33rslp

[Martin]

Hello Eugene,

Thank you for the provided StackBlitz demo.

I tested the example in Chrome (v85.0) following the steps, but on my side, the popup is closed as expected. Please check the screencast:

https://screencast-o-matic.com/watch/cY6livKSgE

Am I missing something?

Regards,
Martin
Progress Telerik

[Eugene]

Hi Martin,

To reproduce this bug need to click 'back' button on the browser window, not the 'go to back' link.

 

Thanks,

Eugene

[Martin]

Hi Eugene,

Thank you for the provided additional clarification about this case.

It seems that the DateRance popup is not destroyed on ngOnDestroy hook, which is an issue on our side. As a workaround, the developer can toggle manually the date range popup, by using the built-in toggle method of the DateRangePopup component.

  public ngOnDestroy(): void {
    if (this.dateRangePopup) {
      this.dateRangePopup.toggle(false);
    }
  }

Here is the updated example:

https://stackblitz.com/edit/angular-33rslp-ndvbjv

I logged a bug report in our public GitHub repository that can be tracked at the following link:

https://github.com/telerik/kendo-angular/issues/3115

As a small token of gratitude for reporting this issue, I updated your account Telerik points.

Please accept our apologies for the caused inconvenience until the issue is resolved.

Regards,
Martin
Progress Telerik