Hanziness / FocusTide

Modern and customizable productivity timer app that runs in your browser.
https://focustide.app
MIT License
321 stars 35 forks source link

Mobile viewport height doesn't take into account the browser's address bar #337

Closed Hanziness closed 1 year ago

Hanziness commented 1 year ago

Due to the app's page using height: 100vh the app page has a scroll bar by default, because 100vh does not accommodate the browser's address bar that otherwise shrinks when scrolling. This causes the control bar (for example) to be slightly out of the viewport.

Alternatively one can use 100dvh (which adapts to this, though it results in janky behaviour), or html, body { height: 100%; } and setting the top-most container to min-height: 100%.