Tooltip position when scrolling a container with overflow: auto/scroll

[joaovpmamede]

Not sure if it's because the Tooltip Component is being rendered in body instead of inside another DOM node but when scrolling a div that has overflow: auto/scroll, the tooltip won't "stick" to its container.

In the simple example you can scroll and the tooltip is stuck to the container.

[yiminghe]

use getTooltipContainer to render inside specified container

[joaovpmamede]

Ok, thanks.
Will try that as soon as possible.

[benboomz]

I have tried this but it does not work as the tooltip stays in place while scrolling. Could you provide an example?

[mikemunsie]

I just ran into this issue and I used getTooltipContainer to return the container I wanted the tooltip to live in.

<Tooltip
  ...
  getTooltipContainer={() => document.querySelector(".myContainerIWantThisIn")}
>
...
</Tooltip>

The documentation is a bit unclear and doesn't specify that it will actually move the tooltip into the specified container. Might just add in a PR to help out.