From 5461bd8116f4cc2ab57ff3496c0dd770bef95fd5 Mon Sep 17 00:00:00 2001
From: Agent Relay <agent@agent-relay.com>
Date: Mon, 12 Jan 2026 02:55:13 +0000
Subject: [PATCH] Fix mobile scrolling in log viewer

---
 src/dashboard/react-components/LogViewer.tsx      | 1 +
 src/dashboard/react-components/XTermLogViewer.tsx | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/src/dashboard/react-components/LogViewer.tsx b/src/dashboard/react-components/LogViewer.tsx
index 0b7a7ded0..7f9be30ec 100644
--- a/src/dashboard/react-components/LogViewer.tsx
+++ b/src/dashboard/react-components/LogViewer.tsx
@@ -139,6 +139,7 @@ export function LogViewer({
             maxHeight: '150px',
             WebkitOverflowScrolling: 'touch',
             overscrollBehavior: 'contain',
+            touchAction: 'pan-y',
           }}
           ref={scrollContainerRef}
           onScroll={handleScroll}
diff --git a/src/dashboard/react-components/XTermLogViewer.tsx b/src/dashboard/react-components/XTermLogViewer.tsx
index fda596495..d914b9126 100644
--- a/src/dashboard/react-components/XTermLogViewer.tsx
+++ b/src/dashboard/react-components/XTermLogViewer.tsx
@@ -332,9 +332,13 @@ export function XTermLogViewer({
       <style>{`
         .xterm-log-viewer .xterm {
           touch-action: pan-y !important;
+          overscroll-behavior: contain;
         }
         .xterm-log-viewer .xterm-viewport {
           -webkit-overflow-scrolling: touch !important;
+          overflow-y: auto !important;
+          height: 100%;
+          max-height: 100%;
           touch-action: pan-y !important;
           overscroll-behavior: contain;
         }
@@ -485,6 +489,8 @@ export function XTermLogViewer({
         style={{
           maxHeight,
           minHeight: '200px',
+          overscrollBehavior: 'contain',
+          touchAction: 'pan-y',
         }}
       />