[Joy/Tooltip] Interactive doesn't work

[sandrosc]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Steps to reproduce 🕹

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

Steps:

1. Hover over one of the variants button, e.g. "Solid"
2. A tooltip with the text "Delete" opens
3. Move the mouse down in the direction of the tooltip

Current behavior 😯

Tooltip closes immediately as soon as mouse leaves the button.

Expected behavior 🤔

Tooltip should stay open while the mouse moves into the direction of the tooltip and when hovering over the tooltip.

Context 🔦

For a working example see https://mui.com/material-ui/react-tooltip/.

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[Walids35]

It is actually present ! Take at look at https://mui.com/material-ui/react-tooltip/#triggers

[mankittens]

@sandrosc, I'm experiencing this same issue in my project.

This functionality is very important for my users. I'm using tooltips to display cut-off text (ellipsis) in a narrow table cell, so that users can view the entire long string and copy at will.

Thank you for opening this issue!

[mj12albert]

@sandrosc Thanks for reporting this - it's very reproducible in our docs

[mnajdova]

Agree, we should fix it. As a workaround you can use the leaveDelay prop, for e.g. set it to 500 (ms). cc @hbjORbj

[nicolas-ot]

@hbjORbj are you working on this? If not, could you please assign this to me?

[hbjORbj]

@nicolas-ot No I haven't started this task. Please feel free to start working on it and requesting a review from me.

[nicolas-ot]

i am working on this

[nicolas-ot]

Agree, we should fix it. As a workaround you can use the leaveDelay prop, for e.g. set it to 500 (ms). cc @hbjORbj

Just a note, this workaround doesn't work. The tooltip will still be removed after the delay. I'm still trying to fix this issue.

[sandrosc]

Thanks everyone for the quick fix to this problem! :)

[siriwatknp]

Thanks everyone for the quick fix to this problem! :)

Huge 👏 to @nicolas-ot!