From d543d62592485ec8e1696a387bb7941b76023b9b Mon Sep 17 00:00:00 2001
From: ddCat <2695092045@qq.com>
Date: Mon, 7 Sep 2026 22:35:45 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E6=96=87=E6=9C=AC=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=20-=20=E6=81=A2=E5=A4=8D=E6=AD=A3=E6=96=87=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E9=80=89=E4=B8=AD=E5=92=8C=E7=BC=96=E8=BE=91=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refs #429
---
 .../components/canvas/canvas-node-content.tsx |  3 +--
 web/src/pages/canvas/project.tsx              |  4 ++-
 web/test/canvas-text-selection.test.ts        | 27 +++++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 web/test/canvas-text-selection.test.ts

diff --git a/web/src/components/canvas/canvas-node-content.tsx b/web/src/components/canvas/canvas-node-content.tsx
index 0af4b7f2f..5c837e53c 100644
--- a/web/src/components/canvas/canvas-node-content.tsx
+++ b/web/src/components/canvas/canvas-node-content.tsx
@@ -329,12 +329,11 @@ function TextContent({ node, theme, isEditingContent, textareaRef, mentionRefere
                 <div
                     className="thin-scrollbar block h-full w-full select-text overflow-y-auto break-words bg-transparent px-4 pb-4 font-mono [&_a]:underline [&_blockquote]:my-2 [&_blockquote]:border-l-2 [&_blockquote]:pl-3 [&_blockquote]:opacity-70 [&_code]:rounded [&_code]:bg-black/6 [&_code]:px-1 dark:[&_code]:bg-white/8 [&_h1]:my-2 [&_h1]:text-[1.55em] [&_h1]:font-semibold [&_h2]:my-2 [&_h2]:text-[1.3em] [&_h2]:font-semibold [&_h3]:my-1.5 [&_h3]:text-[1.12em] [&_h3]:font-semibold [&_hr]:my-3 [&_li]:my-0.5 [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p]:my-1 [&_pre]:my-2 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-black/90 [&_pre]:p-2 [&_pre]:text-white [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5"
                     style={textStyle}
-                    onMouseDown={(event) => event.stopPropagation()}
                     onWheel={(event) => event.stopPropagation()}
                     dangerouslySetInnerHTML={{ __html: richTextHTML }}
                 />
             ) : (
-                <div className="thin-scrollbar block h-full w-full select-text overflow-y-auto whitespace-pre-wrap break-words bg-transparent px-4 pb-4 pt-0 font-mono" style={textStyle} onMouseDown={(event) => event.stopPropagation()} onWheel={(event) => event.stopPropagation()}>
+                <div className="thin-scrollbar block h-full w-full select-text overflow-y-auto whitespace-pre-wrap break-words bg-transparent px-4 pb-4 pt-0 font-mono" style={textStyle} onWheel={(event) => event.stopPropagation()}>
                     {node.metadata?.content || <span style={{ color: theme.node.placeholder }}>双击编辑文字</span>}
                 </div>
             )}
diff --git a/web/src/pages/canvas/project.tsx b/web/src/pages/canvas/project.tsx
index 0829294a9..bc9245693 100644
--- a/web/src/pages/canvas/project.tsx
+++ b/web/src/pages/canvas/project.tsx
@@ -1036,7 +1036,9 @@ function InfiniteCanvasPage() {
             setDrawingNodeId(node.id);
         } else if (node.type === CanvasNodeType.Script) {
             setDialogNodeId(null);
-        } else if (node.type === CanvasNodeType.Text || node.type === CanvasNodeType.Frame) {
+        } else if (node.type === CanvasNodeType.Text) {
+            setDialogNodeId(node.id);
+        } else if (node.type === CanvasNodeType.Frame) {
             setDialogNodeId((current) => (current === node.id ? current : null));
         } else if (node.type === PORTRAIT_CLEARANCE_NODE_TYPE) {
             setDialogNodeId(null);
diff --git a/web/test/canvas-text-selection.test.ts b/web/test/canvas-text-selection.test.ts
new file mode 100644
index 000000000..db2e5e0a9
--- /dev/null
+++ b/web/test/canvas-text-selection.test.ts
@@ -0,0 +1,27 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, test } from "bun:test";
+
+const source = readFileSync(new URL("../src/components/canvas/canvas-node-content.tsx", import.meta.url), "utf8");
+const textContent = source.slice(source.indexOf("function TextContent("), source.indexOf("function ", source.indexOf("function TextContent(") + 1));
+
+describe("text node selection (#429)", () => {
+    test("opens the text generation panel on a node click", () => {
+        const project = readFileSync(new URL("../src/pages/canvas/project.tsx", import.meta.url), "utf8");
+        const clickHandler = project.slice(project.indexOf("const handleSelectedNodeClick ="), project.indexOf("const handleNodeBringToFront ="));
+        expect(clickHandler).toMatch(/node.type === CanvasNodeType.Text\)\s*\{\s*setDialogNodeId\(node.id\)/);
+    });
+
+    test("allows plain and rich text previews to reach node selection", () => {
+        const preview = textContent.split(") : richTextHTML ? (")[1];
+        expect(preview).toBeDefined();
+        expect(preview).not.toContain("onMouseDown");
+        expect(preview).not.toContain("onPointerDown");
+        expect(preview?.match(/onWheel=/g)).toHaveLength(2);
+    });
+
+    test("keeps editing gestures isolated from canvas dragging", () => {
+        const editor = textContent.split(") : richTextHTML ? (")[0];
+        expect(editor).toContain("onMouseDown={(event) => event.stopPropagation()}");
+        expect(editor).toContain("onPointerDown={(event) => event.stopPropagation()}");
+    });
+});