Tooltip should hide when scroll start, not when it ends.
See original GitHub issueWhen you set the tooltip to hide on scroll it waits for the scroll to end instead of when it start.
Current configuration:
<ReactTooltip
place={this.props.toolTipPosition}
id={this.props.id}
type={this.props.type}
eventOff="mouseleave scroll mousewheel blur"
effect="solid"
/>
Proof:
Issue Analytics
- State:
- Created 5 years ago
- Reactions:4
- Comments:6
Top Results From Across the Web
Tooltip should hide when scroll start, not when it ends. #448
When you set the tooltip to hide on scroll it waits for the scroll to end instead of when it start. Current configuration:...
Read more >ToolTip does not disappear on scroll - Stack Overflow
It is using IntersectionObserver to determine if the ToolTip component is viewable. When the component is no longer viewable, it will hide the ......
Read more >Show and Hide the Tooltip - DevExtreme - DevExpress
To show or hide the Tooltip programmatically, call the show() or hide() method. The same thing can be done using the toggle(showing) method....
Read more >Tooltips · Bootstrap v5.1
Triggering tooltips on hidden elements will not work. Tooltips for .disabled or disabled elements must be triggered on a wrapper element.
Read more >ARIA: tooltip role - Accessibility - MDN Web Docs - Mozilla
A tooltip is a contextual text bubble that displays a description for an element that appears on pointer hover or keyboard focus.
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
When I try on the demo page: https://react-tooltip.netlify.com/
and I click inside the scrolling panels so I can use the arrow keys, the tooltip hides as expected when using the arrow keys - the first panel hides, the second one doesn’t.
Did you set
data-iscapture='true'
for your target, as shown in the example?Otherwise IDK what might be wrong? If you can investigate or propose a fix, we can get it released…
Latest comment had success, so closing, thanks!