From 8fb4b6737285c3e4429958285251928aedc42f83 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Sun, 24 May 2026 23:35:05 +0200
Subject: [PATCH] fix: enable terminal scrolling on mobile

- Add overflow-y: auto and -webkit-overflow-scrolling: touch to xterm-viewport
- Change touch-action from 'none' to 'pan-y' on mobile terminal wrapper and container
- This allows vertical scrolling through terminal output history while preventing zoom
---
 apps/web/src/styles.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index 7651e13..715251f 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -3270,6 +3270,13 @@ a.nav-item,
   height: 100%;
 }
 
+/* Enable scrolling in mobile terminal */
+.terminal-wrapper.mobile .terminal-container .xterm-viewport {
+  overflow-y: auto !important;
+  -webkit-overflow-scrolling: touch !important;
+  height: 100% !important;
+}
+
 /* Special Keys Strip */
 .special-keys-strip {
   flex-shrink: 0;
@@ -3499,16 +3506,17 @@ a.nav-item,
 /* Disable zoom on mobile terminal */
 @media (max-width: 767px) {
   .mobile-terminal-wrapper {
-    touch-action: none;
+    touch-action: pan-y;
     -webkit-text-size-adjust: none;
   }
 
-  .mobile-terminal-wrapper * {
+  .mobile-terminal-wrapper button,
+  .mobile-terminal-wrapper .special-key-button {
     touch-action: manipulation;
   }
 
   .terminal-container {
-    touch-action: none;
+    touch-action: pan-y;
     padding: 0;
   }
 }