When scrolling the page to hide Firefox’s address bar, the svh bar should remain small (smaller than the height of the page). When scrolling back up to show the address bar again, the vh and lvh bars should remain large and become cut off on the bottom.
Firefox on iOS here; all of the bars resize identically for me except for the “99% position:absolute” bar, which is shorter than all the rest when the address bar is hidden.
1
The new CSS viewport units don’t seem to be implemented on iOS [update: confirmed] | Spyke
iOS Firefox uses the same engine as Safari. Anyway, how should the test behave?
When scrolling the page to hide Firefox’s address bar, the svh bar should remain small (smaller than the height of the page). When scrolling back up to show the address bar again, the vh and lvh bars should remain large and become cut off on the bottom.
You seem to be correct. Additionally, it seems to not be handled properly in the in-app browser.
EDIT: Strike that second part. It’s just very confusing.
I found the Firefox iOS bug:
https://github.com/mozilla-mobile/firefox-ios/issues/11574
Firefox on iOS here; all of the bars resize identically for me except for the “99% position:absolute” bar, which is shorter than all the rest when the address bar is hidden.