From 42d677b73a6217e7b8b86e9963cdb7fe54eb3334 Mon Sep 17 00:00:00 2001
From: Terry Jia <terryjia88@gmail.com>
Date: Sat, 10 Jan 2026 22:49:56 -0500
Subject: [PATCH] fix: stop pointer/mouse event propagation in vueNodes widget
 containers

---
 .../vueNodes/widgets/components/WidgetDOM.vue          | 10 +++++++++-
 .../vueNodes/widgets/components/WidgetLegacy.vue       |  6 +++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/renderer/extensions/vueNodes/widgets/components/WidgetDOM.vue b/src/renderer/extensions/vueNodes/widgets/components/WidgetDOM.vue
index 897cc50599a..e701489a005 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/WidgetDOM.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/WidgetDOM.vue
@@ -24,5 +24,13 @@ onMounted(() => {
 })
 </script>
 <template>
-  <div ref="domEl" />
+  <div
+    ref="domEl"
+    @pointerdown.stop
+    @pointermove.stop
+    @pointerup.stop
+    @mousedown.stop
+    @mousemove.stop
+    @mouseup.stop
+  />
 </template>
diff --git a/src/renderer/extensions/vueNodes/widgets/components/WidgetLegacy.vue b/src/renderer/extensions/vueNodes/widgets/components/WidgetLegacy.vue
index 9efe0c76182..d4989a5e359 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/WidgetLegacy.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/WidgetLegacy.vue
@@ -105,9 +105,9 @@ function handleMove(e: PointerEvent) {
     <canvas
       ref="canvasEl"
       class="absolute w-full cursor-crosshair"
-      @pointerdown="handleDown"
-      @pointerup="handleUp"
-      @pointermove="handleMove"
+      @pointerdown.stop="handleDown"
+      @pointerup.stop="handleUp"
+      @pointermove.stop="handleMove"
     />
   </div>
 </template>