search

720kb / angular-tooltips

Angularjs tooltips module, add tooltips to your elements - https://720kb.github.io/angular-tooltips
351 stars 157 forks source link

HTML Tooltip disappears when moving mouse onto it #212

Closed sh0ber closed 7 years ago

sh0ber commented 7 years ago

I have an HTML tooltip that consists of nothing but a link. It is also triggered by a link. After triggering the tooltip, I want to be able to move my mouse onto the tooltip to click the link in the tooltip, but it disappears as I am moving the mouse to it. Here is a small GIF of the problem:

http://recordit.co/HLDULauArs

'6/12/2017' is a link I am trying to click (in the GIF).

45kb commented 7 years ago

@sh0ber Hi, you should adjust tooltip-hide-trigger and tooltip-show-trigger to your needs.

Look for them here https://github.com/720kb/angular-tooltips#doc

sh0ber commented 7 years ago

Hi, thanks. I've noticed those but there is no documentation so I am unsure how to proceed. Do those properties only accept events from the tooltip's root element? If so, there is no change I could make to suit my needs. I need it to close when there is a mouseleave on the tooltip itself, not the root element.

45kb commented 7 years ago

You can use both mouse and touch events, single or multiple as you prefer, relative to the parent.

The tooltip has no events binded on itself.

So if something wrong, there are good possibilities you have a wrong CSS or structure that makes tooltip not to work (probably).

sh0ber commented 7 years ago

http://recordit.co/RDomXhxY1O Here is the same problem shown on your demo. If you move the mouse slowly to the tooltip, it closes. All I want is for the tooltip to stay open when my mouse is moving from the parent to the tooltip.

This issue cannot be solved by using the events and trigger properties you've created because the tooltip needs to close after a tooltip mouseleave, not a parent mouseleave.

45kb commented 7 years ago

@sh0ber that's the most standard and default scenario.... i don't see any bug actually. If you want the tooltip to stay opened you need to override tooltip-hide-trigger with an event you desire.

sh0ber commented 7 years ago

I understand but I am discussing the HTML tooltip, not the basic default scenario. The problem arises with an HTML tooltip with interactive content. You will be unable to consistently interact with the content in the tooltip because it will be closed before you get to it.

Overriding hide will not help if you want to hide the tooltip on tooltip mouseleave since the tooltip's events cannot be accessed.

I don't see how I could make this any clearer :) Thanks anyway.

45kb commented 7 years ago

@sh0ber You're right, i mean could be great to listen also on tooltip events, but this is not possible atm. If any gentleman would like to PR something for this it would be MUCH appreciated of course!

45kb commented 7 years ago

@sh0ber one more work around could be to use tooltip-show="TRUE or FALSE" to toggle it when you want.

sh0ber commented 7 years ago

This workaround suffers from the same problem since the expression would need to be changed from the tooltip's mouseleave

45kb commented 7 years ago

@sh0ber remember you could also have your own template inside the tooltip... you could bind events to the template elements inside tooltip, however we must admit is not really the best way to achieve this :)