Multiple modals display incorrectly when entering fullscreen video

It seems I’ve encountered a strange bug. I have two modals open, one being a modal with a list and another containing my video player. My video player modal only appears upon selecting an item in the list.

When I enter into fullscreen video via the fullscreen video button on my video modal I screen lock to landscape and the video modal becomes hidden by the list modal. However when I enter into fullscreen by just rotating my device the ordering is maintained and video modal stays on top of list modal.

I can’t seem to understand why this would be happening, I have checked the z index of both modals and my video modal has a higher ordering no matter which way I enter into full screen.

I’m thinking this may have something to do with the timing in which these events take place. When I rotate, while playing video, it’s a rotation -> enter fullscreen, whereas when I click the fullscreen button its a fullscreen -> lock to landscape.

Very peculiar behavior considering the only thing occurring when entering fullscreen is a width and height set to 100%. This also only occurs on Android not on iOS.

Any help would be appreciated, thanks in advance!

I have been experimenting quite a bit with this since I have posted here and I still can’t seem to work out what is going on.

If anyone has been experiencing something similar I would love to try and work on getting a fix for this.

Thanks in advance!