The new CSS viewport units don’t seem to be implemented on iOS [update: confirmed]

Could someone confirm? The test page is here (Safari and Chrome behave correctly):

7 comments

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

7 comments