You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The initial view (not the splash screen) height appears short when viewport-fit=cover is on the viewport meta tag. There doesn't appear to be a way to resolve this using only CSS (or the iOS provided env(safe-area-inset-top) spacing values).
Not sure if this a PWA specific issue, or rather an iOS "notch CSS" issue.
I can get the height of the gap using env(safe-area-inset-top) but cannot get it to go below the bottom of the body, even using a negative value like so: bottom: calc(-1 * env(safe_area-inset-top)). This is strange, because I can manipulate the top page elements (header, etc.) just fine with CSS using those values... Any who, figured I would post just in case.
The text was updated successfully, but these errors were encountered:
jrodl3r
changed the title
Splash Screen Height on iOS w/ Notch + viewport-fit=cover
Initial Height on iOS w/ Notch + viewport-fit=cover
Sep 20, 2019
The initial view (not the splash screen) height appears short when
viewport-fit=cover
is on the viewport meta tag. There doesn't appear to be a way to resolve this using only CSS (or the iOS providedenv(safe-area-inset-top)
spacing values).Not sure if this a PWA specific issue, or rather an iOS "notch CSS" issue.
I can get the height of the gap using
env(safe-area-inset-top)
but cannot get it to go below the bottom of the body, even using a negative value like so:bottom: calc(-1 * env(safe_area-inset-top))
. This is strange, because I can manipulate the top page elements (header, etc.) just fine with CSS using those values... Any who, figured I would post just in case.The text was updated successfully, but these errors were encountered: