Angular-calendar: Tooltip stay visible after route change on mobile

[no-more]

Describe the bug

Context:

• Full page calendar view, on event click navigate to subroute, calendar is not visible but still there.
• Tooltip is visible on the top-left corner of the screen

I've tried to set focus with js on another element, but the tooltip remains active.
Would be great to have a service to force closing tooltip or to automatically close it on navigation start

Minimal reproduction of the problem with instructions

Screenshots

Versions

• @angular/core: 10
• angular-calendar: 0.28.16
• Browser name and version: Chrome lates 84.0.4147.135

[matts-bot[bot]]

Thanks so much for opening an issue! If you'd like me to give priority to answering your issue or would just like to support this project, then please consider sponsoring me

[mattlewis92]

Hey there, sorry to hear you're having troubles, there's a couple options I can think of that should resolve your issue:

1/ Set [tooltipAppendToBody]="false" on the month / week / day components which will stop the tooltips getting appending to the body element and hide them when the parent is hidden
2/ Use an *ngIf on the month / week / day components to remove the components from the dom when hidden which should destroy the tooltips

Hope that helps! 😄

[no-more]

Hi,

Thanks for your response.
Option 2 is not an option in my case as the element is only hidden by CSS according to screen size
I will try option 1, as was not aware of this parameter which looks very interesting.

Thanks again