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] Unmount Tooltip on exit and mount on enter

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

Expected Behavior

Ideally I’d like an option to configure the Tooltip to unmountOnExit and mountOnEnter

Current Behavior

Seems like there is no easy way to achieve that.

Context

In my project, I need to place a lot of Tooltip helpers, and there are a bunch of Tooltip DOM elements that were created under body. This I think impacts the performance.

Your Environment

Tech Version
Material-UI beta.40
React 16.20
browser
etc

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:6
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
oliviertassinaricommented, Apr 4, 2018

@franklixuefei I agree, I think that it would be great to move the transition implementation of the tooltip into it’s own component. It’s what we do with the Modal for instance. This should allow us to solve this issue and allow people to implement custom transitions.

2reactions
oliviertassinaricommented, Jun 20, 2018

I also had dramatic performance issues using Tooltip in a list and then scrolling

Yes, it’s a recent regression. It’s already fixed on master. We will soon release the fix.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Tooltip] Unmount Tooltip on exit and mount on enter #10909
In my project, I need to place a lot of Tooltip helpers, and there are a bunch of Tooltip DOM elements that were...
Read more >
Controlling tooltips & pop-up menus with components in React
1. Open the tooltip. Connecting the tooltip component to an element. isOpen is for mounting and unmounting the tooltip component/JSX markup and ...
Read more >
Dismiss a Material UI Tooltip by Pressing Escape
I have investigated using a <ClickAwayListener> and adding onKeyPressed to the <Tooltip> but neither of those seem to have worked. My code is ......
Read more >
Tooltip | Components - BootstrapVue
Easily add tooltips to elements or components via the component or v-b-tooltip directive.
Read more >
Tooltip - Chakra UI
A tooltip is a brief, informative message that appears when a user interacts with an element.
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