Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

followCursor tooltip - reposition if you mouse over tooltip

See original GitHub issue

Describe the bug In followCursor mode, the tooltip doesn’t reposition if you move the mouse over the tooltip

To Reproduce Steps to reproduce the behavior:

Go to the follow cursor demo https://react-popper-tooltip.netlify.com/#follow-cursor
Mouse over to see tooltip
Quickly move the mouse over the tooltip
Tooltip doesn’t reposition

Expected behavior react-popper-tooltip should ensure tooltip doesn’t sit underneath cursor when in followCursor mode.

Screenshots

follow-cursor

Desktop (please complete the following information):

OS: Mac OS X
Browser: Chrome
Version: 83.0.4086.0

Issue Analytics

State:
Created 4 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

2reactions

denisborovikovcommented, Mar 16, 2020

I believe, if you add pointer-events: none to the .tooltip-container it should resolve this issue.

2reactions

penxcommented, Mar 16, 2020

This is “within the bounds of the trigger” but the tooltip is overlayed on top of these bounds. If the tooltip was repositioned instantly then you would never see this issue as you wouldn’t be able to mouse over it. The issue happens when you quickly move the mouse over the tooltip before it has a chance to reposition.

I accept this may be hard to solve due to the inner workings of what’s happening, but I’d question whether this is intended behaviour.