🤖 Fix iOS PWA keyboard not appearing on input focus (#372)

kylecarbs · web-flow · commit 71701b2be847 · 2025-10-21T10:28:23.000-07:00
diff --git a/index.html b/index.html
@@ -2,7 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, interactive-widget=resizes-content"
+    />
     <meta name="description" content="Parallel agentic development with Electron + React" />
     <meta name="theme-color" content="#1e1e1e" />
     <link rel="manifest" href="/manifest.json" />
diff --git a/src/App.tsx b/src/App.tsx
@@ -64,8 +64,6 @@ const globalStyles = css`
     html {
       /* Prevent text size adjustment on orientation change */
       -webkit-text-size-adjust: 100%;
-      /* Improve tap responsiveness */
-      touch-action: manipulation;
     }
 
     body {
@@ -79,6 +77,15 @@ const globalStyles = css`
     [role="button"] {
       min-height: 44px;
       min-width: 44px;
+      /* Improve tap responsiveness on buttons only */
+      touch-action: manipulation;
+    }
+
+    /* Ensure input elements allow default touch behavior for iOS keyboard */
+    input,
+    textarea,
+    select {
+      touch-action: auto;
     }
   }
 
