Optional prop for disabling/shutting down a tooltip when scrolling
See original GitHub issueDescription
If an user has the mouse over a tooltiped element, and then starts scrolling, the tooltip scrolls through the page (see the video)
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)
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:
- Created 2 years ago
- Reactions:4
- Comments:7
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
how to fix the issues…
Not stale, big bug actually!