Pop-up disappears when rotating device

Hi everyone !

I built a pop-up as explained in Webflow university : Build a pop-up with fixed positioning | Webflow University

The problem is that on mobile device, when you open the pop-up and rotate the device, the pop-up disappears.

My pop-up contains a video. I wrote some javascript to make the video play when the pop-up opens, and to pause it when you click on the close pop-up button. It works well.

But users want to enjoy the video in landscape. When they rotate their phone the pop-up disappears (the sound of the video continues but the video is not visible).

Is there any way to prevent the pop-up from disappearing when the device rotates from landscape to portrait ?


Here is my site Read-Only: Webflow - Locomo