search

atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.93k stars 520 forks source link

interactiveDebounce. The tooltip doesn't hide if you keep moving the mouse #856

Closed Denhai closed 3 years ago

Denhai commented 4 years ago

Bug description

mousemove events prevent the tooltip from closing. Even when they're outside the button. See the video: demo gif

Reproduction

CodePen link: https://codepen.io/denhai/pen/LYNmJdW

atomiks commented 4 years ago

That's the purpose of it.

Denhai commented 4 years ago

Oh ok. Hmm, I don't know when I'd use that.

When the user moves their mouse from the button to the tooltip, if they're inprecise and the mouse briefly slips outside the interactive area, I want the tooltip to stay open.

That's what I thought this feature was for. Is there another a way?

Denhai commented 4 years ago

I don't see why moving the mouse around in some random corner of the page should keep it open lol.

Does that make sense? I can do a PR.

atomiks commented 3 years ago

Yeah I guess

atomiks commented 3 years ago

When the user moves their mouse from the button to the tooltip, if they're inprecise and the mouse briefly slips outside the interactive area, I want the tooltip to stay open.

This is what the interactiveBorder prop is for though, which is spacial not temporal related.

Sorry but I didn't really read properly as I've been busy 😬