[tooltip] When hovering on the tooltips, they should disappear

[altsst]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:
https://mui.com/material-ui/react-tooltip/

Steps:

1. Hover over item with Tooltip
2. Hover over the tooltip itself

Current behavior 😯

When hovering on the tooltips, they do not disappear.

Expected behavior 🤔

When hovering on the tooltips, they should disappear.

Context 🔦

I need the tooltips to hide when they are hovered so that the users can access buttons underneath it.

Apparently this feature existed before but was marked as a bug:
#11705

In my opinion there should be an option to disable this Behaviour

Your environment 🌎

npx @mui/envinfo

  System:
    OS: Windows 10 10.0.19041
  Binaries:
    Node: 16.13.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.18 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 108.0.5359.99
    Edge: Spartan (44.19041.1023.0), Chromium (106.0.1370.42)
  npmPackages:
    @emotion/react: ^11.10.5 => 11.10.5
    @emotion/styled: ^11.10.5 => 11.10.5
    @mui/base:  5.0.0-alpha.103
    @mui/core-downloads-tracker:  5.10.11
    @mui/material: ^5.10.11 => 5.10.11
    @mui/private-theming:  5.10.9
    @mui/styled-engine:  5.10.8
    @mui/system:  5.10.10
    @mui/types:  7.2.0
    @mui/utils:  5.10.9
    @types/react:  17.0.11
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript:  4.7.4

Chrome has been used

[sai6855]

@altsst Add disableInteractive prop to hide tooltip on hover: https://mui.com/material-ui/react-tooltip/#interactive.

<Tooltip disableInteractive title="Delete">
  <IconButton>
    <DeleteIcon />
  </IconButton>
</Tooltip>

[altsst]

@sai6855 Thanks! That works perfectly