Hello everyone.
I recently came across a problem with my website and that is the URL bar covering the content of the page. I searched across the internet for an answer and I found the CSS function env(safe-area-inset-bottom) on the padding-bottom property. However, this does not work, nothing happens when I add it to my code.
Thanks, ytxaos.
I'm having the same issue. To be clear, padding-bottom: env(safe-area-inset-bottom) works but padding-bottom: 100px shows the desired result (obviously not as dynamic as env(safe-area-inset-*) promises to be. (Testing in Safari on iOS16.1)
I'm having the same issue. To be clear, padding-bottom: env(safe-area-inset-bottom) doesn't work but padding-bottom: 100px shows the desired result (obviously not as dynamic as env(safe-area-inset-*) promises to be. (Testing in Safari on iOS16.1)
Is it a fixed element?
