question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bottom of the page hidden on iOS

See original GitHub issue

There’s a recurring issue on iOS browser, where the viewport size is fixed, whatever if the URL or action bar is displayed or not. This result having 100vh usually larger that the actual screen, and not being able to scroll to the end of the page correctly.

Here is a video showing the bug: https://streamable.com/2yguzw

Found this https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ showing a work around, and implemented it in https://github.com/pakokrew/mooni/blob/develop/src/components/ScrollRoot.jsx, which looks like it solves pretty well the issue

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:14 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
ghostcommented, Jun 3, 2020

Thanks @pakokrew! I start to work on this ☺️

0reactions
githubdoramoncommented, Jun 26, 2021

@giaset are you facing the same issue? If so, feel free to create a PR with the fix so the team can review it

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Remove The Home Bar At Bottom Of iPhone Screen
Open Settings and navigate to Accessibility > Guided Access and toggle the switch to on. How to remove Home bar at bottom of...
Read more >
Organize the Home Screen and App Library on your iPhone
Find, hide, and remove pages on your Home Screen · Touch and hold an empty area on your Home Screen. · Tap the...
Read more >
iOS ui hides the bottom of the page. How do I make the whole ...
I tried to solve it by making the "bottom_menu" position:fixed; and bottop: 0px; but in this case the text of "contant" div displays...
Read more >
How to Hide the Toolbar in Safari for iOS - MacRumors
In earlier versions of iOS, Safari hides the top and bottom toolbars when scrolling down a web page, and to view them again...
Read more >
How to Hide Home Screen App Pages on iPhone in iOS 14
1. Long press on a blank area of the Home Screen or any additional page of apps. 2. Once in jiggle mode, tap...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found