Tooltip doesn't disappears if item is clicked and focused

[llamamoray]

@oliviertassinari following the release of 1.4.1 there is a new issue where if there is an item that can be clicked and focused (e.g. a button or radio button) the tooltip no longer disappears.

https://codesandbox.io/s/qjxo6nv7w

• This is a v1.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Tooltip should disappear when mouse is moved away after click.

Current Behavior

The tooltip doesn't disappear.

Steps to Reproduce

In sandbox:
https://codesandbox.io/s/qjxo6nv7w

• hover over a form item to display tooltip
• click item
• move mouse away

Your Environment

Tech	Version
Material-UI	v1.4.1
React	v16.3.2
browser	Chrome

[oliviertassinari]

It's a feature: #12131

[llamamoray]

Great, is that what disableFocusListener is for?

[oliviertassinari]

Yes

[rooch84]

I would suggest that this be set to true by default. It seems nonsensical behaviour for simple button icons, and means people need to spend some time Googling their way to this page to resolve it (it's difficult to interpret this behaviour from the docs alone) .

[oliviertassinari]

@rooch84 For reference, Bootstrap is using the same default: https://getbootstrap.com/docs/4.1/components/tooltips/#examples.

[steverecio]

What is the right way to make a tooltip disappear when clicked? disableFocusListener doesn't seem to work. I want the tooltip to show up onHover but disappear if it is clicked.

[oliviertassinari]

@steverecio For custom behaviors, control the open state with the props: https://next.material-ui.com/components/tooltips/#controlled-tooltips