Resizing in a new Window with React Portal

[JustJarethB]

Howdy! I've got a conundrum I'm hoping you can help with...

We are making a table in a new window with React's Portal. This renders quite fine but with it being sourced from the previous window, the javascript runs there also. This is fine apart from event listeners, which do not trigger in the new window. We want to resize and rearrange table columns with click and drag. Rearranging is done in our code, where we got around this by replacing

document.addEventListener

with something along the lines of

ref.closest("html").parentNode.addEventListener

this works.

However, for resizing we are using the native react-table functionality. This is using document.addEventListener and I don't know how best to resolve this problem. Is there a react solution or table solution anyone can recommend?

Thanks