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.

Tooltip should hide when scroll start, not when it ends.

See original GitHub issue

When 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: tooltipissue

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:4
  • Comments:6

github_iconTop GitHub Comments

3reactions
aronhelsercommented, Jan 7, 2019

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…

0reactions
aronhelsercommented, Sep 11, 2019

Latest comment had success, so closing, thanks!

Read more comments on GitHub >

github_iconTop 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 >

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