From f37cb22d8ad4e40bda41bba89ce246b13bf87d31 Mon Sep 17 00:00:00 2001
From: Himanchal Kaushale <himanchalkaushale432@gmail.com>
Date: Tue, 13 Oct 2026 21:23:44 +0530
Subject: [PATCH] fix(gui): resize app content above mobile keyboard (#4165)

Add interactive-widget=resizes-content to the mobile viewport meta tag
so the layout viewport shrinks when the soft keyboard opens. The app
window's height chain resolves against the layout viewport, so the
iframe folds up above the keyboard instead of clipping behind it.
---
 src/gui/src/initgui.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/gui/src/initgui.js b/src/gui/src/initgui.js
index 901a1210e..b998d22bc 100644
--- a/src/gui/src/initgui.js
+++ b/src/gui/src/initgui.js
@@ -1355,7 +1355,7 @@ window.initgui = async function (options) {
     // Appends a viewport meta tag to the head of the document, ensuring optimal display on mobile devices.
     // This tag sets the width of the viewport to the device width, and locks the zoom level to 1 (prevents user scaling).
     $('head').append(
-        '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">',
+        '<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content">',
     );
 
     // will hold the result of the whoami API call