From cb4d5f8da6b3c7f26e379ef862325ebf6388bd28 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Thu, 30 Jan 2025 19:04:59 -0800
Subject: [PATCH] Fixed textarea whitespace visual bug

---
 .../components/sub-block/components/long-input.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 385b256a5a..87e4c69df8 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
@@ -84,7 +84,7 @@ export function LongInput({
       <Textarea
         ref={textareaRef}
         className={cn(
-          'w-full resize-none placeholder:text-muted-foreground/50 allow-scroll text-transparent caret-foreground',
+          'w-full resize-none placeholder:text-muted-foreground/50 allow-scroll text-transparent caret-foreground break-words whitespace-pre-wrap',
           isConnecting &&
             'focus-visible:ring-blue-500 ring-2 ring-blue-500 ring-offset-2'
         )}
@@ -98,7 +98,7 @@ export function LongInput({
       />
       <div
         ref={overlayRef}
-        className="absolute inset-0 pointer-events-none px-3 py-2 overflow-auto whitespace-pre-wrap scrollbar-none text-sm bg-transparent"
+        className="absolute inset-0 pointer-events-none px-3 py-2 overflow-auto whitespace-pre-wrap break-words scrollbar-none text-sm bg-transparent"
       >
         {formatDisplayText(value?.toString() ?? '')}
       </div>