Tooltip persist after buttons is disable or removed

Wappler General
#1

Hi,
Although this have a solution, I don’t think is the best, it is so annoying to remember these line and repeat it in every element $(this).tooltip('hide').

Would be really usefull if this is checking by Wappler Team.

If a button is deactivated with a self action using Dynamics Atrributes or Events, the tooltip keep showing up.
For example, this button is deactivated and the mouse is in another place, but the tootip kepp showing, even on SPA pages it keeps.

image

If element with tooltip is css styling to display none, the tootip keeps there, if element is with conditional region , the tooltip tends to keep now in the top left of the page because the original element is gone and tooltip needs an element.

#2

Hi.
Even the JS snippet that you have added, is not a guarantee that it will fix the problem. We have seen that fail as well.

We have dealt with it before and have stopped using BS tooltip wherever there is navigation internal involved.
Instead we use a CSS-only tooltip for those cases: http://arashm.net/lab/simptip/
Its not a 100% solution, but helps get rid of the lurking tooltip.

#3

Thanks @sid, I recently try to use this but for some reason I get a error trying to load de css:

Refused to apply style "XXX" from because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

I’m just give up and I tried to find similars, I found this https://spiketip.netlify.app and works, right now no more issues if element is hide or inside conditional region, tooltip now dissapear, the only bad is that is 32.9 KB.

Thanks.

#4

Maybe your include for CSS is incorrect? I haven’t encountered that with simptip before.

Spiketip looks like a better version. The size is a tradeoff, but could result in better UX.