Tooltip shows up on window focus, not only on hover

[wederer]

My colleague has found a bug in Material UI concerning tooltips.

• 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

Tooltip should only show up when hovering on element.

Current Behavior

Once you clicked on an element with a tooltip the tooltip will show up after refocusing the browser window.

Steps to Reproduce

Example: https://material-ui.com/demos/tooltips/

1. Click on an element with tooltip (e.g. the "+" button)
2. Minimize browser
3. Maximize browser
4. Tooltip will show up

[oliviertassinari]

@wederer Thanks for the report. I agree the tooltip should stay visible if still focused when the user mouseleave the element. On the other hand, the Minimize/Maximize Browser behavior is expected.

[chenop]

@oliviertassinari Can you please rephrase and describe the expected behavior?

[oliviertassinari]

I have found a solution. I'm following the same behavior as Bootstrap, we only hide the tooltip when the user has completely stopped interacting with the reference element (blur & leave).