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.

Optional prop for disabling/shutting down a tooltip when scrolling

See original GitHub issue

Description

If an user has the mouse over a tooltiped element, and then starts scrolling, the tooltip scrolls through the page (see the video)

https://user-images.githubusercontent.com/88422056/159212705-7af7cda0-6fd6-476f-bb49-b5c22e1aa5e2.mp4

Problem Statement/Justification

It would save some time on the developer side and help us avoid bigger edge cases like when the tooltip scrolling causes an overflow on the screen (see the video)

https://user-images.githubusercontent.com/88422056/159213399-22765349-622b-491d-b692-d851971a8ff5.mp4

Proposed Solution or API

<Tooltip label={yourLabel} hideOnScroll={true}>

Alternatives

I could manually check scrolling and then using the isDisabled prop to hide the tooltip

Additional Information

I opened this as a feature request instead of a bug cause I’m pretty sure this is on the browser side and how it handles mouseover state changes

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:4
  • Comments:7

github_iconTop GitHub Comments

1reaction
damingerdaicommented, Aug 12, 2022

how to fix the issues…

0reactions
Sh1d0wcommented, Jul 31, 2022

Not stale, big bug actually!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Rerender Tooltip when Scrolling React - Stack Overflow
But then, when I scroll down the view is re-render and the tooltip fails. enter image ... localize, } = props; const sizeGroupsRef...
Read more >
Report Tooltip scroll Issue - Microsoft Power BI Community
The problem is, when there are more rows in the tooltip, it is showing a scroll bar. But I am not able to...
Read more >
Controlling tooltips & pop-up menus with components in React
Use compound components to control tooltips and pop-up menus in your React applications, helping you keep your user interface clean and ...
Read more >
Tooltips | JavaScript Spreadsheet | SpreadJS - GrapeCity
SpreadJS provides the option to display tooltips when resizing or scrolling in the control or when dragging or moving the data.
Read more >
Tooltip - Gestalt is Pinterest's design system
Properly positions Tooltip relative to an inline element, such as Icon Button using the inline property. See the inline variant to learn more....
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