Overlay problem with 100vh row height on IOS/Safari

[yung]

I did a custom burger menu with the overlay feature.
Did it for mobile, but the tutorial worked anyway. Thanks for the great documentation <3

I used 1 row with no top/bottom frame and set row height to browser height. The overlay opens and closes perfectly, but it’s too big vertically.

Somehow the overlay (= the row) gets bigger than the actual viewport height and I have to scroll? I also tried it with manually setting the row height to 100vh, but also didn’t work out :/

This happens only on mobile Safari on Iphone, other mobile and desktop browsers are not affected. It appears like the browser height is calculated inclusive the adress bar and icons on bottom?

Everything is updated and I'm using only 1 overlay on the whole site for this exact purpose. Can’t post a link, as it is still on Local :/

See in screenshots: scroll bar, altough height is properly set to "browser height".

Am I missing something out, or is it a bug? Thanks a lot for your help <3 <3 <3

[arminunruh]

i see do you have a website address where i can try it?

i will try it on my test site now too

[arminunruh]

oh i see

can you go to customize → mobile → mobile spaces
set space top to 0 and space bottom to 0

or in lay options activate custom phone layouts

and create a custom phone layout for your overlay page with frame top and frame bottom set to 0

[arminunruh]

oh this still wont fix it

i released a lay theme update now that will fix it!
but also make sure to try the steps in my previous answer

[yung]

@arminunruh
yeeyyy it perfectly fits the browser height with the update!
thank you so much for your quick support and the update <3 <3 <3