From 9ebac8b079419477669ac5633f1f9feb5f006507 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 23 May 2026 14:57:31 +0800
Subject: [PATCH] fix: use text input for local edit prompts

---
 components/canvas/nodes/ImageNode.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/canvas/nodes/ImageNode.tsx b/components/canvas/nodes/ImageNode.tsx
index b1e8951b2..f46e294b8 100644
--- a/components/canvas/nodes/ImageNode.tsx
+++ b/components/canvas/nodes/ImageNode.tsx
@@ -2063,7 +2063,7 @@ export function ImageNode({
   const toolbarRef = useRef<HTMLDivElement>(null);
   const boxCutoutToolbarRef = useRef<HTMLDivElement>(null);
   const localEditPromptInputRefs = useRef<
-    Record<string, HTMLTextAreaElement | null>
+    Record<string, HTMLInputElement | null>
   >({});
   const localEditPromptDraftRefs = useRef<Record<string, string>>({});
   const localEditRegionsRef = useRef<LocalEditRegion[]>(localEditRegions);
@@ -8113,9 +8113,9 @@ export function ImageNode({
                   >
                     <div className="flex items-center gap-1.5">
                       {isEditing ? (
-                        <textarea
+                        <input
                           autoFocus={editingLocalEditRegionId === region.id}
-                          className="nodrag nopan nowheel h-9 min-w-0 flex-1 resize-none overflow-hidden rounded-full border border-slate-300 bg-white/95 px-3 py-2 text-[12px] font-medium leading-5 text-slate-950 caret-slate-950 shadow-[0_10px_24px_rgba(15,23,42,0.14)] outline-none ring-2 ring-transparent transition placeholder:text-slate-400 focus:border-slate-950 focus:ring-slate-950/15 dark:border-white/20 dark:bg-slate-950/88 dark:text-white dark:caret-white dark:placeholder:text-white/42 dark:focus:border-white/40 dark:focus:ring-white/18"
+                          className="nodrag nopan nowheel h-9 min-w-0 flex-1 rounded-full border border-slate-300 bg-white/95 px-3 text-[12px] font-medium leading-5 text-slate-950 caret-slate-950 shadow-[0_10px_24px_rgba(15,23,42,0.14)] outline-none ring-2 ring-transparent transition placeholder:text-slate-400 focus:border-slate-950 focus:ring-slate-950/15 dark:border-white/20 dark:bg-slate-950/88 dark:text-white dark:caret-white dark:placeholder:text-white/42 dark:focus:border-white/40 dark:focus:ring-white/18"
                           data-canvas-no-drag="true"
                           data-local-edit-control="true"
                           autoComplete="off"
@@ -8186,8 +8186,8 @@ export function ImageNode({
                           ref={(input) => {
                             localEditPromptInputRefs.current[region.id] = input;
                           }}
-                          rows={1}
                           spellCheck={false}
+                          type="text"
                         />
                       ) : (
                         <button