Full Screen Menu being cut on mobile browsers

[jacksonhall19]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

What problem is your feature request going to solve? Please describe..

Hello -

I'm using a popup as a website menu. It works fine in full screen mode, however on mobile, it's being cut once the mobile browser footer goes away on scroll.

Describe the solution you'd like.

Is there a fix that can be applied to fix this issue please?

Describe alternatives you've considered.

I've used the following CSS and it resolves the issues on Chrome/Safari, however the issue still persists in other mobile browsers such as built in application browsers so this is not a reliable solution.

Code Below

.popup-open body { overflow:hidden }

html {
min-height: 100vh;
min-height: fill-available;
min-height: -webkit-fill-available;
min-height: -moz-available;
}

body{
min-height: fill-available;
min-height: -webkit-fill-available;
min-height: -moz-available;
}

Additional context

No response

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.