Support for portals?

In the process of reimplementing my react-popper-based Tooltip component with react-laag, I ran into an issue. I’ve used Popper’s createPortal support to position my tooltips at a specific place in the DOM. Something like this:

<Tooltip
  tooltip="Project status"
  container={document.querySelector( '.grid .projects .tooltips' )}
>
  <Project />
</Tooltip>

There’s a couple reasons I do this:

1. I can easily control the tooltips z-index by setting it on the .tooltips element;
2. The width and style (font size, weight etc) of the tooltips is not influenced by its target;
3. But more importantly, I can make sure the tooltips scroll with the content (without JS repositioning jank). I simply put the .tooltips container in the same scroll parent as the content and it automatically works.

When I attempt to use a portal in renderLayer, the positioning is off. Any advice or is this simply not supported?

[rijk]

Awesome. The package is getting better and better!

[everweij]

No problem, I’m glad it worked out ok!

I did some quick tests, and I think I can dump the wrapper-divs entirely. That way, the layers will only be in the dom when necessary