question-mark
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.

Disable Tool Tip Mouse Pointer Follow

See original GitHub issue
  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

The tooltip has a jerky/stuttering animation behavior. When animations are disabled it draws attention to the tooltip values displaying a similar behavior when the mouse pointer moves.

Adding a feature to disable the mouse pointer follow behavior would circumvent this as the component would only be rendered once, preventing the perceived stutter caused by a re-render.

What does the proposed API look like?

<Tooltip followPointer={false} />

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:14
  • Comments:8

github_iconTop GitHub Comments

6reactions
jwlmscommented, Jun 17, 2020

I am using the word “pointer” in a sense that is synonymous with cursor. followCursor might be a better name, but the idea would be that the tool tip would not move around with the mouse cursor/pointer. I chose the name based on this API: https://api.highcharts.com/highcharts/tooltip.followPointer

0reactions
seiyabcommented, May 19, 2022

@jwlms Thank you for feedback. AFAIK, it seems to extremely hard to achieve it by workaround 😢

Read more comments on GitHub >

github_iconTop Results From Across the Web

Recharts: How to disable tooltip content from moving with ...
1 Answer 1 · I've tried that, but the position prop causes the content to be displayed in the same place, regardless of...
Read more >
How to Disable Windows 7 tooltips popups on mouseover
Click OK or Apply , and hover your mouse on another window to activate it instantly.
Read more >
Tooltips
Elements with the disabled attribute aren't interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a...
Read more >
Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
Your tippy can follow the mouse cursor and abide by a certain axis. Additionally, the tooltip can follow the cursor until it shows,...
Read more >
How to Show tooltip on disabled elements and ...
Set the pointer event as none for the disabled element (button) through CSS. Initialize the tooltip for outer div element that holds the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found