Weird default behavior for trigger: 'click'

[Zamiell]

Hello and thanks for the excellent library.

I'm using tooltipster v4.2.5.

If you create a tooltipster tooltip with the following options:

{
    trigger: 'click',
    interactive: true,
}

Some weird default behavior will occur.

1) If I click down outside the tooltip, and click up outside the tooltip, the tooltip will close. This appears to be the correct behavior. ✅ 2) If I click down inside the tooltip, and click up inside the tooltip, the tooltip will not close. This appears to be the correct behavior. ✅ 3) If I click down outside the toolip, and click up inside the tooltip, the tooltip will close. I'd lean towards this not being the correct behavior, but I'm unsure. ❓ 4) If I click down inside the tooltip, and click up outside the tooltip, the tooltip will close. This appears to be the wrong behavior. ❌

For example, consider the use case of an interactive tooltip with a HTML element in it. Imagine that the user wants to highlight everything in the text box, so they mouse down at the bottom right hand corner of the text box, move the mouse up and left. Since the text box is the only thing in the tooltip, the user overshoots the text box by a little bit and ends up releasing the mouse button when the cursor is slightly outside of the tooltip (directly to the left of the top left hand corner). Now, the tooltip closes, which is frustrating and not what the user intended.</p> <p>I believe it might be possible to manually fix this behavior using custom triggers, but I am opening this issue because I believe that tooltipster should have better default behavior.</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/louisameline"><img src="https://avatars.githubusercontent.com/u/371814?v=4" />louisameline</a> commented <strong> 4 years ago</strong> </div> <div class="markdown-body"> <p>Hi, thank you for your message. Tooltipster is using the default click events, so these are what's generated by the browser. You'll have to work around this behavior by checking what happened exactly if it does not suit you. Thank you</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>