fix(debug): resize viewport with onscreen keyboard

Minion3665 · Minion3665 · commit b5c84c8b0fa7 · 2025-11-18T11:05:23.000Z
This is a very similar change to nextcloud/richdocuments#5137, which resized our iframe when we opened the onscreen keyboard. This does the same change for all our viewport specifiers (although I note that the cool.html.m4 change will have no effect for integrators since as this option has no effect when used in an iframe...) Not finding some way to resize the content when the keyboard is popped up has the following undesireable effects: - Focusing the hidden input causes the page to shift up and down on some devices as not all of it fits on the screen at once and some browsers want to keep the hidden input "in view" - #13274 is ineffective, as you can't detect the height of the screen properly - The bottom toolbar is almost always hidden behind the keyboard (in portrait or landscape) Signed-off-by: Skyler Grey <skyler.grey@collabora.com> Change-Id: I4d5a0c09c2130f92a0711ad731cad9e96a6a6964
diff --git a/browser/html/cool.html.m4 b/browser/html/cool.html.m4
@@ -31,7 +31,7 @@ m4_ifelse(IOSAPP,[true],
 <meta charset="utf-8">
 m4_ifelse(MOBILEAPP, [true],
 [
-  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">
 ],
 [
   %BROWSER_VIEWPORT%
diff --git a/browser/html/debug.html b/browser/html/debug.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, interactive-widget=resizes-content">
     <title>Online</title>
     <style>
         html, body, iframe
diff --git a/browser/html/wasm.html b/browser/html/wasm.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
+    <meta name="viewport"content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">
     <title>Online</title>
     <style>
         html,
diff --git a/test/FileServeWhiteBoxTests.cpp b/test/FileServeWhiteBoxTests.cpp
@@ -303,7 +303,7 @@ void FileServeTests::testPreProcessedFile()
 <html %UI_RTL_SETTINGS% style="height:100%"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 <title>Online Editor</title>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
+<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">
 
 <script>
 
diff --git a/wsd/FileServer.cpp b/wsd/FileServer.cpp
@@ -84,7 +84,7 @@ using Poco::Util::Application;
 // We have files that are at least 2.5 MB already.
 // WASM files are in the order of 30 MB, however,
 constexpr auto MaxFileSizeToCacheInBytes = 50 * 1024 * 1024;
-constexpr std::string_view MetaViewPort = "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1\">";
+constexpr std::string_view MetaViewPort = "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1, interactive-widget=resizes-content\">";
 
 namespace
 {

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ m4_ifelse(IOSAPP,[true],`
`31`	`31`	`<meta charset="utf-8">`
`32`	`32`	`m4_ifelse(MOBILEAPP, [true],`
`33`	`33`	`[`
`34`		`- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">`
	`34`	`+ <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, interactive-widget=resizes-content">`
`35`	`35`	`],`
`36`	`36`	`[`
`37`	`37`	`%BROWSER_VIEWPORT%`
Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@ using Poco::Util::Application;`
`84`	`84`	`// We have files that are at least 2.5 MB already.`
`85`	`85`	`// WASM files are in the order of 30 MB, however,`
`86`	`86`	`constexpr auto MaxFileSizeToCacheInBytes = 50 * 1024 * 1024;`
`87`		`-constexpr std::string_view MetaViewPort = "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1\">";`
	`87`	`+constexpr std::string_view MetaViewPort = "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1, interactive-widget=resizes-content\">";`
`88`	`88`
`89`	`89`	`namespace`
`90`	`90`	`{`