Vuesax: Tooltip sticks When Element is destroyed

[jsinhSolanki]

Hey, I am using tooltip in my navbar and I have two layout.

1. With navbar
2. No Navbar

I have button in navbar which navigates to another layout which dont have any navbar.(So, when I click on btn, btn it self and navbar gets destroyed). But that tooltip which I used on button still remain.

i have created simillar demo for you.
jsfiddle

[luisDanielRoviraContreras]

thanks for notifying me I will review the problem and fix it in a next update

[luisDanielRoviraContreras]

ready already fixed in the latest version please verify, thank you very much for the contribution

[jsinhSolanki]

Hi, @luisDanielRoviraContreras. I cross checked tooltip on jsfiddle it flickers constantly. You can see that in above jsfiddle of this issue.

Thanks.

[Pedrazl]

I am having problems with the tooltips too. It goes in and out constantly, this issue should be opened again @luisDanielRoviraContreras

[Pedrazl]

I tried to fix this bug, but no luck. I has something to do with the way vsTooltip set {'after-none': noneAfter} class. For some reason the div containing the tooltip, automatically has a "display:none" on his style, thats why we can only see it for a millisecond.
Hope this helps to get this fixed.

[plasebo]

I've used the router js file to remove all sticky tooltips on either the afterEach or beforeEach event. The afterEach event is better. Example in the router.js file:

router.afterEach(() => { const Stickedtooltips = document.querySelectorAll(".vs-tooltip") for (const tooltip of Stickedtooltips) { tooltip.remove(); } })

However, this only works when navigating through different pages

[Tofandel]

Now you can see the tooltip doesn't even show on the fiddle... Great testing before deployment..

Fixed by https://github.com/lusaxweb/vuesax/pull/873/commits/805197b8893b071cb48b6be49e20d09f4276425e