Hover effect sticks on a link

What do you think should happen?
I put a dynamic attribute Hover on a link to a blank page. When a return to the link page the tooltip should disappear when I move the mouse.

What actually happens?
I put a dynamic attribute Hover on a link to an blank page. When a return to the link page the tooltip sticks on the link when I move the mouse.

http://webcrea.be/tooltip.html

That’s the default Bootstrap 4 tooltip behavior on links. When you are using a target="_blank" target, your current page still stays open and the link you clicked is still in a focused state, so that the tooltip is visible.

I can explain this. I don’t want the visitor to leave my website when he clicks on a link to another website. That is bad usability. So when he closes this page he automatically returns to the page he started with.
But the tooltip still sticks on the link even when I move the mouse all over the page. That looks very bad!
http://webcrea.be/tooltip.html

I can be wrong but I learned Hover is not the same as On focus. I thought that Hover is only active when you move the mouse over the element. When you move the mouse elsewhere it is not active anymore. But the tooltip still sticks on the link even when I move the mouse all over the page.

Maybe I have to put something like Mouseout.

We are going to inspect the hover behavior and improve this, if there’s an issue with our code.

:+1:
Thank you for quick response!

Hover is also not working on popovers. Does not activate on hover and also has same behaviour as posted in this thread for tooltips.

The tooltips issue has been fixed in Wappler 3.0.2

This topic was automatically closed after 46 hours. New replies are no longer allowed.