Opt-in meta tag for virtual keyboard to affect layout, not just visual viewport

[bokand]

Request for position on an emerging web specification

Information about the spec

• Spec Title: Virtual keyboard resizes visual viewport
• Explainer: Viewport vs. Virtual Keyboard Resize Behavior, css-viewport#7767

Design reviews and vendor positions

• Mozilla standards-positions issue: https://github.com/mozilla/standards-positions/issues/693

Anything else we need to know

This isn't really a specification but an attempt to align on interoperable behavior (in a historically underspecified area).

The virtual keyboard on Safari iOS resizes only the visual viewport, without affecting page layout. On Android Chrome and Firefox, the virtual keyboard resizes the initial-containing-block of a page.

This proposal aims to align mobile browsers on the iOS model by default. We cannot do this without breaking some valid use cases so plan to add a new keyword in the viewport meta tag to allow authors to trivially opt back in to the Android "resize-initial-containing-block" mode.

[othermaciej]

On the surface, this doesn't ask for review of a spec, and proposes changing other implementations to align with Safari iOS behavior, so there'd be nothing to review.

However, there is a proposal to opt into the Android behavior which would presumably be applicable to Safari too, so morphing this into a proposal for <meta name="viewport" content="virtual-keyboard=resize-layout">

[jcubic]

I wish something like this exists in iOS Safari. Right now my mobile app (library and every single app that uses my library jQuery Terminal in full-screen mode) is broken on iOS Safari.