From 58fc54f8e8552edf8608afbabe42ba2ad2d351a1 Mon Sep 17 00:00:00 2001
From: Emir Karabeg <emirkarabeg@berkeley.edu>
Date: Mon, 3 Feb 2025 23:48:58 -0800
Subject: [PATCH] Fixed long-input cursor spacing bug on wrap

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

diff --git a/app/w/[id]/components/workflow-block/components/sub-block/components/long-input.tsx b/app/w/[id]/components/workflow-block/components/sub-block/components/long-input.tsx
index 5e668e4530..878628873b 100644
--- a/app/w/[id]/components/workflow-block/components/sub-block/components/long-input.tsx
+++ b/app/w/[id]/components/workflow-block/components/sub-block/components/long-input.tsx
@@ -127,7 +127,7 @@ export function LongInput({
       <Textarea
         ref={textareaRef}
         className={cn(
-          'w-full placeholder:text-muted-foreground/50 allow-scroll text-transparent caret-foreground break-words whitespace-pre-wrap',
+          'w-full placeholder:text-muted-foreground/50 allow-scroll text-transparent caret-foreground break-words whitespace-pre-wrap box-border',
           isConnecting &&
             config?.connectionDroppable !== false &&
             'focus-visible:ring-blue-500 ring-2 ring-blue-500 ring-offset-2'
@@ -148,7 +148,8 @@ export function LongInput({
       />
       <div
         ref={overlayRef}
-        className="absolute inset-0 pointer-events-none px-3 py-2 overflow-auto whitespace-pre-wrap break-words 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 box-border"
+        style={{ width: 'calc(100% - 2px)' }}
       >
         {formatDisplayText(value?.toString() ?? '')}
       </div>