Bug 259770 - Implement the interactive-widget property in the viewport meta tag
Summary: Implement the interactive-widget property in the viewport meta tag
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-08-03 02:53 PDT by BenjaminAster
Modified: 2023-08-10 02:54 PDT (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description BenjaminAster 2023-08-03 02:53:41 PDT
"interactive-widget" is a new property in the viewport <meta> tag that allows control over how and if the viewport is resized when the virtual keyboard on mobile is shown. In 2022, Chromium for Android changed its behavior regarding this to match the behavior of Safari on iOS [1], while also implementing the "interactive-widget" property so that developers can opt out of this new behavior.

Specification: https://drafts.csswg.org/css-viewport-1/#interactive-widget-section

On WebKit-based mobile browsers (i.e. all browsers on iOS), there remains no option to make the viewport resize to the actual visible region when a virtual keyboard is shown; The keyboard simply overlays the webpage with no option for opt-out. In most situations (especially when building web-based chat applications, rich text editors, etc.), it is desirable that the viewport changes to the actual size instead of the keyboard just overlaying the content and scrolling the page.

[1]: https://developer.chrome.com/blog/viewport-resize-behavior/

Related WebKit bugs:
- https://bugs.webkit.org/show_bug.cgi?id=176205
- https://bugs.webkit.org/show_bug.cgi?id=230225
Comment 1 Radar WebKit Bug Importer 2023-08-10 02:54:12 PDT
<rdar://problem/113678243>