Tippys that are nested inside interactive tippys teleport on re-renders

Reproduction steps

1. Go to https://codesandbox.io/s/tippyjs-interactive-teleport-4cpy8
2. Hover on the Hover me label, then hover on the Hover me too label.
3. Notice that when the state changes (not even a state related to the tooltips), the nested tippy teleports to the top left (but not exactly).

I’ll note that in my app, the nested tippy teleports to a top-lefty point of the screen, but not to that corner exactly. I think the wrong calculation positions the nested content with position: absolute; top: 0; left: 0;, and shows the nested tooltip there.

You can see that if we copy the content’s dimensions into that point, the nested tooltip is perfectly positioned according to it:

[DominikGuzei]

Thanks for the super-fast response @atomiks, I’m testing version 4.2.1 now to see if this is fixed in our case 😃 do you take donations for your open source work?

[atomiks]

So there’s a 1 frame glitch if the nested tippy is flipping but it fixes the core issue.

I think that issue has to do with the scroll events and when they fire (the nested one must be firing first, but needs to fire once the parent has been repositioned. I think you can fix this with a modifier.)