4 ms·
I don't disable zoom but I'm sympathetic that mobile browsers SUCK at it. here's a very simple SPA like page https://decisive-spiral-blue.glitch.me https://de
by greggman3 4y ago
I don't disable zoom but I'm sympathetic that mobile browsers SUCK at it.
here's a very simple SPA like page
https://decisive-spiral-blue.glitch.me https://decisive-spiral-blue.glitch.me
It's just an upper and lower vertical flexbox. fixed size toolbar on top, the rest is a textarea. Click in the text area. type "A"<enter>, "B"<enter>, "C"<enter> etc... and watch the cursor disappear below the virtual keyboard. WTF!
I've seen other issues where the browser auto-zooms when clicking in a textarea and while they are trying to be helpful they actually make the site practically unusable. Both because info the user needed is now offscreen and because finishing the input doesn't auto-unzoom so the user is left having to manually adjust to see the page again.
And then, there are random rules (like if the text is larger than 16px it might not auto-zoom). Might. AFAIK there is no spec that says "hey, don't auto-zoom" so your left with random hacks to try to make the site usable. (of course if the user wants to zoom that's fine)
The point is, the mobile browsing experience sucks by default and devs do the best they can to try to work around how much it sucks. They choose wrong but they wouldn't be reaching for solutions if the default experience wasn't so bad in the first place.
I'd personally like to be able to opt in to a mode where when the virtual keyboard appears the browser's size changes and I can fix my layout for the new available size via CSS media queries.