Portal Vs fullscreen for the dialog

[Irev-Dev]

Hello,

I have a react component which has two buttons, one opens a headless-ui dialog component to reveal some settings, and the other makes the whole component fullscreen (using the fullscreen api but with this abstraction)

However the problem I'm facing is the dialog stops working when it's in fullscreen, I'm guessing this is because of the use of react portal, and the fact that the dialog is actually located elsewhere in the dom and so it stays underneath the full screen element. Is there a work around for this? a way of dictating where the portal is in the dom or disabling it?

[HolzmanoLagrene]

I would be very interested in finding a solution for this!