Hacker News Reader

Comment by Zekio | Hacker News Reader

Does this apply to all browsers on mobile?

Because I've never experienced this in Firefox on android

Firefox handles it differently than Chrome. In Firefox, the amount reflecting 100vh is changed while the address bar is hidden. So you always see the full 100vh, but the layout might change if for example the spacing is calculated based on the vh unit (or vmax in portrait mode, or vmin in landscape mode).

> the layout might change if for example the spacing is calculated based on the vh unit (or vmax in portrait mode, or vmin in landscape mode).

That sounds like a good thing, and pretty much the entire point of using viewport-relative units?

I'd certainly expect vh/vw-based layouts to change when I change the size of my viewport, whether by hiding and showing ancillary UI elements (e.g. sidebars or control bars of my browsers) or by manipulating the browser window directly.

Most of the time, yes. But the layout might jump just because you scroll up/down a little. For example, the spacings might get slightly larger when you scroll down and slightly smaller when you scroll up.

Subtle changes during scrolling seem way preferable to me than hiding content that, according to standards, should be shown.

Firefox on Android works properly iirc, but sadly most users don't use it.

My proposal is to not fix anything and let people see that the other browsers are worse.

Reply on news.ycombinator.com