material-ui
material-ui copied to clipboard
[Joy/Tooltip] Interactive doesn't work
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:
- Hover over one of the variants button, e.g. "Solid"
- A tooltip with the text "Delete" opens
- 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.
It is actually present ! Take at look at https://mui.com/material-ui/react-tooltip/#triggers
@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!
@sandrosc Thanks for reporting this - it's very reproducible in our docs
Agree, we should fix it. As a workaround you can use the leaveDelay
prop, for e.g. set it to 500 (ms). cc @hbjORbj
@hbjORbj are you working on this? If not, could you please assign this to me?
@nicolas-ot No I haven't started this task. Please feel free to start working on it and requesting a review from me.
i am working on this
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.
Thanks everyone for the quick fix to this problem! :)
Thanks everyone for the quick fix to this problem! :)
Huge 👏 to @nicolas-ot!