From 2b553546dd38dba2090f6ccbebf3d31660e9cc32 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Tue, 21 Jan 2025 14:24:31 -0800
Subject: [PATCH] Fixed scrolling on long input and short input

---
 app/w/[id]/workflow.tsx                                         | 1 +
 .../components/sub-block/components/long-input.tsx              | 2 +-
 .../components/sub-block/components/short-input.tsx             | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/w/[id]/workflow.tsx b/app/w/[id]/workflow.tsx
index 0ecc81336..121ba2852 100644
--- a/app/w/[id]/workflow.tsx
+++ b/app/w/[id]/workflow.tsx
@@ -329,6 +329,7 @@ function WorkflowCanvas() {
         nodesConnectable={true}
         nodesDraggable={true}
         draggable={false}
+        noWheelClassName="allow-scroll"
       >
         <Background />
       </ReactFlow>
diff --git a/app/w/components/workflow-block/components/sub-block/components/long-input.tsx b/app/w/components/workflow-block/components/sub-block/components/long-input.tsx
index d42d4512c..12eba1759 100644
--- a/app/w/components/workflow-block/components/sub-block/components/long-input.tsx
+++ b/app/w/components/workflow-block/components/sub-block/components/long-input.tsx
@@ -16,7 +16,7 @@ export function LongInput({
 
   return (
     <Textarea
-      className="w-full resize-none placeholder:text-muted-foreground/50"
+      className="w-full resize-none placeholder:text-muted-foreground/50 allow-scroll"
       rows={3}
       placeholder={placeholder ?? ''}
       value={value?.toString() ?? ''}
diff --git a/app/w/components/workflow-block/components/sub-block/components/short-input.tsx b/app/w/components/workflow-block/components/sub-block/components/short-input.tsx
index 2fa7550fa..a4aa1b63b 100644
--- a/app/w/components/workflow-block/components/sub-block/components/short-input.tsx
+++ b/app/w/components/workflow-block/components/sub-block/components/short-input.tsx
@@ -25,7 +25,7 @@ export function ShortInput({
 
   return (
     <Input
-      className="w-full placeholder:text-muted-foreground/50"
+      className="w-full placeholder:text-muted-foreground/50 allow-scroll"
       placeholder={placeholder ?? ''}
       type="text"
       value={displayValue}