- [x] This is not a v0.x issue. - [x] I have searched the [issues](https://github.com/mui-org/material-ui/issues) of this repository and believe that this is not a duplicate. ## Expected Behavior 🤔 When the `PopperProps.keepMounted` prop is set to false, I expect the `` / `` / `` component to not exist in the DOM whenever the Tooltip is closed (`open` prop set to false). If the `open` prop changes from `true` to `false` before the `` component gets its' mount node and re-renders, I'd expect the Tooltip to never exist on the DOM (or at least immediately clean itself up after attaching to the DOM) ## Current Behavior 😯 Not that! If the `open` prop is changed from `false` to `true`, and then set back to `false` within the next update phase (or the `setState` callback), the Tooltip is added to the DOM and not removed, even though `open` is `false`. ## Steps to Reproduce 🕹 Link: https://codesandbox.io/embed/4jjq50051x 1. Open DevTools so you can see the React DOM root (It's nested inside the `iframe`, so you might want to search for `"Index-root-` to find it faster) 2. Press the "TOGGLE TOOLTIP" button - This will set the state to open, and then set the state to false on the next update (setState callback) 3. Note that the Tooltip Portal element is now on the DOM, but not visible on the screen If you comment out line 34, and uncomment lines 36-38, this works fine because the closing `setState` is now after the next update phase, allowing the react-transition-group `Transition` component to fully render and set its' internal state to `ENTERED`. When the component updates to `in: false`, it will then invoke MUI's `Grow` and `Popper`'s `handleExited` functions and remove the Portal from the DOM. ## Context 🔦 We have an RxJS stream which is indirectly used in hiding/showing a component Tooltip. This can cause the `Tooltip` to have `open: true` and then `open: false` in the update phase immediately following, which causes this issue. We use the fact that the Tooltip unmounts in our functional tests, when we're waiting (or testing) for the removal of the Tooltip. Therefore, this bug causes our functional tests to fail. It obviously also causes our DOM to be littered with redundant tooltips which shouldn't exist. ## Your Environment 🌎 | Tech | Version | |--------------|---------| | Material-UI | v3.9.3 | | React | v16.8.6 | | Browser | Chrome 73 | | TypeScript | v3.4.1 |

[Tooltip/Popper]: keepMounted doesn't work when `open` updated before `Portal` updates #15180

Company

Community

Support

Connect