From 23ede483c8bdcfa9379b897bcddad4835e7a8e93 Mon Sep 17 00:00:00 2001
From: Jonathan Dobson <jon.m.dobson@gmail.com>
Date: Tue, 2 Sep 2025 16:31:35 -0400
Subject: [PATCH] Fix scroll behaviour in workflow UI (#3344)

---
 .../DataSchemaInputGroup/WorkflowDataSchemaInputGroup.tsx     | 2 +-
 .../src/routes/workflows/components/BlockOutputs.tsx          | 4 ++--
 .../src/routes/workflows/components/DataSchema.tsx            | 2 +-
 .../routes/workflows/editor/nodes/ActionNode/ActionNode.tsx   | 2 +-
 .../editor/nodes/FileDownloadNode/FileDownloadNode.tsx        | 2 +-
 .../src/routes/workflows/editor/nodes/LoginNode/LoginNode.tsx | 2 +-
 .../workflows/editor/nodes/NavigationNode/NavigationNode.tsx  | 2 +-
 .../src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx   | 2 +-
 .../workflows/editor/nodes/ValidationNode/ValidationNode.tsx  | 2 +-
 9 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/skyvern-frontend/src/components/DataSchemaInputGroup/WorkflowDataSchemaInputGroup.tsx b/skyvern-frontend/src/components/DataSchemaInputGroup/WorkflowDataSchemaInputGroup.tsx
index 56223ee4..22eaee1f 100644
--- a/skyvern-frontend/src/components/DataSchemaInputGroup/WorkflowDataSchemaInputGroup.tsx
+++ b/skyvern-frontend/src/components/DataSchemaInputGroup/WorkflowDataSchemaInputGroup.tsx
@@ -125,7 +125,7 @@ function WorkflowDataSchemaInputGroup({
             language="json"
             value={value}
             onChange={onChange}
-            className="nowheel nopan"
+            className="nopan"
             fontSize={8}
           />
         </div>
diff --git a/skyvern-frontend/src/routes/workflows/components/BlockOutputs.tsx b/skyvern-frontend/src/routes/workflows/components/BlockOutputs.tsx
index 0864c5ce..9334cc2c 100644
--- a/skyvern-frontend/src/routes/workflows/components/BlockOutputs.tsx
+++ b/skyvern-frontend/src/routes/workflows/components/BlockOutputs.tsx
@@ -124,7 +124,7 @@ function BlockOutputs({
             <>
               <CodeEditor
                 key="output"
-                className="nopan nowheel h-full w-full flex-1 overflow-y-scroll"
+                className="nopan h-full w-full flex-1 overflow-y-scroll"
                 language="json"
                 value={codeOutput}
                 lineWrap={false}
@@ -150,7 +150,7 @@ function BlockOutputs({
         >
           <CodeEditor
             key="override"
-            className="nopan nowheel h-full w-full flex-1 overflow-y-scroll"
+            className="nopan h-full w-full flex-1 overflow-y-scroll"
             language="json"
             value={codeOverride ?? ""}
             lineWrap={false}
diff --git a/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx b/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx
index 38d331f8..e248bb2e 100644
--- a/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx
+++ b/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx
@@ -40,7 +40,7 @@ function DataSchema({ value, onChange }: Props) {
           onChange={() => {
             // TODO
           }}
-          className="nowheel nopan"
+          className="nopan"
           fontSize={8}
         />
       </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx
index d4904de1..1f2bfd8b 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx
@@ -267,7 +267,7 @@ function ActionNode({ id, data, type }: NodeProps<ActionNode>) {
                             }
                             handleChange("errorCodeMapping", value);
                           }}
-                          className="nowheel nopan"
+                          className="nopan"
                           fontSize={8}
                         />
                       </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx
index 6c4bc8ee..7c1361e9 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/FileDownloadNode/FileDownloadNode.tsx
@@ -269,7 +269,7 @@ function FileDownloadNode({ id, data }: NodeProps<FileDownloadNode>) {
                           onChange={(value) => {
                             handleChange("errorCodeMapping", value);
                           }}
-                          className="nowheel nopan"
+                          className="nopan"
                           fontSize={8}
                         />
                       </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginNode.tsx
index d9ed5764..41ce4896 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/LoginNode/LoginNode.tsx
@@ -297,7 +297,7 @@ function LoginNode({ id, data, type }: NodeProps<LoginNode>) {
                           onChange={(value) => {
                             handleChange("errorCodeMapping", value);
                           }}
-                          className="nowheel nopan"
+                          className="nopan"
                           fontSize={8}
                         />
                       </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx
index c05b36b9..233e5ec4 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx
@@ -307,7 +307,7 @@ function NavigationNode({ id, data, type }: NodeProps<NavigationNode>) {
                           onChange={(value) => {
                             handleChange("errorCodeMapping", value);
                           }}
-                          className="nowheel nopan"
+                          className="nopan"
                           fontSize={8}
                         />
                       </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
index 7167ef3f..5897d735 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
@@ -326,7 +326,7 @@ function TaskNode({ id, data, type }: NodeProps<TaskNode>) {
                           onChange={(value) => {
                             handleChange("errorCodeMapping", value);
                           }}
-                          className="nowheel nopan"
+                          className="nopan"
                           fontSize={8}
                         />
                       </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/ValidationNode/ValidationNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/ValidationNode/ValidationNode.tsx
index 1b278aa1..b5a5878c 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/ValidationNode/ValidationNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/ValidationNode/ValidationNode.tsx
@@ -212,7 +212,7 @@ function ValidationNode({ id, data, type }: NodeProps<ValidationNode>) {
                             }
                             handleChange("errorCodeMapping", value);
                           }}
-                          className="nowheel nopan"
+                          className="nopan"
                           fontSize={8}
                         />
                       </div>