Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Initial Height on iOS w/ Notch + viewport-fit=cover #36

Open
jrodl3r opened this issue Sep 20, 2019 · 0 comments
Open

Initial Height on iOS w/ Notch + viewport-fit=cover #36

jrodl3r opened this issue Sep 20, 2019 · 0 comments

Comments

@jrodl3r
Copy link

jrodl3r commented 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 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.

@jrodl3r 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant