259770 2023-08-03 02:53:41 -0700 Implement the interactive-widget property in the viewport meta tag 2026-04-28 03:09:50 -0700 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build Unspecified Unspecified NEW InRadar P2 Normal --- 1 nimajneb0905 webkit-unassigned ajbeaven bfulgham bramus carlos.rgn daginge dzmltzack fmg ik kerim1505k kzrooey simon.fraser sviatsv thorton webkit-bug-importer wenson_hsieh zalan oldest_to_newest 1969411 0 nimajneb0905 2023-08-03 02:53:41 -0700 "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 1970473 1 webkit-bug-importer 2023-08-10 02:54:12 -0700 <rdar://problem/113678243> 2107261 2 ik 2025-03-30 01:05:05 -0700 Friendly ping, what's the WK-team's position on this? Thanks! 2174753 3 fmg 2026-01-24 09:17:16 -0800 Another friendly ping. Having proper support for interactive-widget=resizes-content would be important for apps that want to position fixed content at the bottom of the viewport while the keyboard is open - e.g. for a search overlay and such. 2185738 4 dzmltzack 2026-02-27 19:48:16 -0800 At this point I will just ask my clients to use an android phone thank you 2205315 5 kzrooey 2026-04-28 03:09:50 -0700 Seriously guys? SERIOUSLY? Can you guys please implement this? My app is looking terrible because the keyboard is just overlaying every input. It was really easy for me on android -- resize-visual . On iOS? forget it.