Tooltip still visible and stuck when transitioning to previous page

[tuhlmann]

Describe the bug A clear and concise description of what the bug is.

We use react-md 5.1.3

In our app we use tooltips like this:

<HoverModeProvider defaultVisibleInTime={200}>
  <Tooltipped id="weight-low" dense tooltip="Can (Low Priority)">
    <div>...</div>
  </Tooltipped>
</HoverModeProvider>

The HoverModeProvider is part of the component. Displaying the tooltips works just as it should. The problem occurs when I leave the page while the tooltip is still visible- on a Mac I can for instance do this by triggering the "browser back" with "CMD+Left".

In this case the tooltip remains on the previous page or any page loaded afterwards and will not go away. The only way to get rid of it is to CMD+R reload the page.

To Reproduce Steps to reproduce the behavior:

• Trigger a react-md tooltip to become visible
• Press CMD+Left (or CTRL+Left I guess) to go back to the previous page
• => tooltip is still visible and won't go away.

Expected behavior A clear and concise description of what you expected to
happen.

Have some way to make the tooltip disappear.

Screenshots If applicable, add screenshots to help explain your problem.

The page where the tooltip should appear:

Tooltip stuck on page, even though I went back to previous page:

Desktop (please complete the following information):

• OS: MacOS Mojave
• Browser: latest MS Edge, Chrome, Firefox