Fix scroll behaviour in workflow UI (#3344)

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>

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}

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>

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>

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>

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>

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>

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>

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>