[Tooltip] Tooltips should not disappear when hovered

[franklixuefei]

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When hovering on the tooltips, they should not disappear.

Current Behavior

Tooltip still disappear when hovered.

Context

I need the tooltips to stay visible when they are hovered so that the users can copy the data in the tooltip.
I understand that this may be a problem for Popper.js. Any suggestions on how to enable this feature would be appreciated!

Your Environment

Tech	Version
Material-UI	v1.1.0
React	16.4.0

[mbrookes]

The Tooltip doesn't disappear when hovered, it disappears when its child is no longer hovered. If you wanted to change that behaviour you could use a controlled Tooltop: https://codesandbox.io/s/81m1qp4p09

[franklixuefei]

@mbrookes Thanks for your suggestion! I understand that this problem can be resolved by using controlled props, but in most cases, it makes sense that users would expect the tooltip to stay there when they are hovered, so I think this behavior should be supported natively by @material-ui.

BTW, in your example, you forgot to implement handleClose :-P

[mbrookes]

Tooltip to stay there when they are hovered

Ah, I misunderstood your issue title "Tooltips should not disappear when hovered" as suggesting a cause and effect.

Staying when hovered is the opposite. :-D

you forgot to implement handleClose

No, I left it as an exercise for the reader.:-) (or rathe,r I simply took the docs demo and removed the body of that function...)