[tooltip] Does not close with an IconButton trigger

[Nikunj1729]

Reproduction: https://codesandbox.io/p/sandbox/kycq4t

Steps to reproduce

Steps:

1. Mouse over a tooltip trigger very quickly

Screen.Recording.2025-11-18.at.12.46.10.PM.mov

---

Description

MUI Tooltip's onClose event doesn't fire reliably when tooltips

Current behavior

Per screen recording

Expected behavior

• It closes

Outdated

### Context

Similar issues noticed however resolutions suggested there didn't work - #27057, https://stackoverflow.com/questions/50122739/material-ui-tooltip-stays-open-after-triggered-dialog-is-closed

Technical Details

• Issue appears to be related to event propagation conflicts between tooltip and dropdown components
• Virtualization may be affecting event handling
• Rapid mouse movements trigger the issue more frequently
• Multiple tooltips in close proximity exacerbate the problem

Workarounds Attempted

• Using open prop for controlled tooltips
• Adding stopPropagation() and preventDefault()
• Implementing global tooltip state management
• Using setTimeout delays for onClose
• None of these approaches fully resolve the issue

Your environment

• MUI Version: 6.1.9
• React Version: 18.3.1
• Browser: Chrome, Firefox, Safari (all affected)
• OS: Windows, macOS, Linux (all affected)

npx @mui/envinfo

    System:
    OS: macOS 15.6.1
  Binaries:
    Node: 23.11.0 - /opt/homebrew/bin/node
    npm: 8.19.4 - /Users/Downloads/node_modules/.bin/npm
    pnpm: 10.18.2 - /Users/Library/pnpm/pnpm
  Browsers:
    Chrome: 141.0.7390.77
    Edge: Not Found
    Firefox: 129.0.1
    Safari: 18.6
  npmPackages:
    @emotion/react: 11.10.0 => 11.10.0 
    @emotion/styled: 11.10.0 => 11.10.0 
    @mui/material: ^6.1.9 => 6.4.12 
    @types/react: 18.3.11 => 18.3.11 
    react: 18.3.1 => 18.3.1 
    react-dom: 18.3.1 => 18.3.1 
    typescript: ^5.7.3 => 5.8.3 

Search keywords: Tooltip, react-select, virtualized lists, onClose

[mj12albert]

@Nikunj1729 I can somewhat reproduce this in your sandbox, but not consistently, would you mind making your repro MUCH smaller, maybe just 1 row is enough?

Screen.Recording.2025-10-15.at.1.16.30.PM.mov

(Also noticed that the Issue Count: 0 - This increments when onClose doesn't fire properly part is incorrect)

[Nikunj1729]

@mj12albert Thanks for the update. I can reduce the list size as well.

(Also, I noticed that the Issue Count: 0 — This increments when onClose doesn't fire properly part isn't accurate.)

Additionally, it looks like the issue count is no longer hooked up after the latest changes I pushed. Let me know if you'd like me to take care of that — happy to help move things forward toward resolving the tooltip onClose issue.

[Nikunj1729]

@mj12albert Sorry for delayed response. I have updated the example with having one row by default and we can increase it to multiple rows as well if required.

Issue Count: 0 — This increments when onClose doesn't fire properly

I revisited this logic and it's bit tricky to track this, although I have updated the logic, is it fine if you can rely on logs?

Also let us know if there is any rough ETA for this. Since this is affecting our PROD environment.

C.C. @siriwatknp

[Nikunj1729]

@mj12albert @siriwatknp @DiegoAndai @zannager Any updates on this? This is impacting our production users. Really appreciate any further inputs from your end.

[mj12albert]

I actually can't reproduce this anymore, even with more rows of data. I tried reducing your sandbox further and don't think react-select has anything to do with this: https://codesandbox.io/p/devbox/hungry-sound-p2t8j8?file=%2Fsrc%2FApp.js

@Nikunj1729 Could you fork my sandbox and see if the issue is reproducible, and if not try to incrementally add your code until it is?

(You can also leave out the How to reproduce)

[Nikunj1729]

@mj12albert Thanks for the update. I checked your example and it's not reproducible without any input/interactive elements coming in between of tooltips.

That's where react-select comes into picture.

Let me add react-select to your sandbox and share with you.

[Nikunj1729]

@mj12albert I have updated both sandboxes. Please find latest ones below.

1. https://tpczyv.csb.app/
2. https://fcvtzf.csb.app/

I have attached video recordings too for both, hope that helps.

Screen.Recording.2025-10-28.at.11.23.32.AM.mov

Screen.Recording.2025-10-28.at.11.26.24.AM.mov

[Nikunj1729]

@mj12albert @siriwatknp @DiegoAndai @zannager Any updates on this? Really appreciate your input. Since we want to fix this issue in our PROD.