WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
259770
Implement the interactive-widget property in the viewport meta tag
https://bugs.webkit.org/show_bug.cgi?id=259770
Summary
Implement the interactive-widget property in the viewport meta tag
BenjaminAster
Reported
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
Attachments
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2023-08-10 02:54:12 PDT
<
rdar://problem/113678243
>
ik
Comment 2
2025-03-30 01:05:05 PDT
Friendly ping, what's the WK-team's position on this? Thanks!
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug