From 6c7adf954a7a349bdf1903a2e0ae9c412996b133 Mon Sep 17 00:00:00 2001
From: Alexander Brown <drjkl@comfy.org>
Date: Sun, 7 Sep 2025 18:45:45 -0700
Subject: [PATCH] fix: Prevent pointer events on widgets from propagating to
 the containing node. (#5424)

---
 .../widgets/components/layout/WidgetLayoutField.vue   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue b/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
index 3aac1b2426..5ecba2f5b7 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { noop } from 'es-toolkit'
+
 import { COMFY_VUE_NODE_DIMENSIONS } from '@/lib/litegraph/src/litegraph'
 import { SimplifiedWidget } from '@/types/simplifiedWidget'
 
@@ -12,7 +14,7 @@ const widgetHeight = COMFY_VUE_NODE_DIMENSIONS.components.STANDARD_WIDGET_HEIGHT
 
 <template>
   <div
-    class="flex items-center justify-between gap-2"
+    class="flex items-center justify-between gap-2 overscroll-contain"
     :style="{ height: widgetHeight + 'px' }"
   >
     <p
@@ -21,7 +23,12 @@ const widgetHeight = COMFY_VUE_NODE_DIMENSIONS.components.STANDARD_WIDGET_HEIGHT
     >
       {{ widget.name }}
     </p>
-    <div class="w-75">
+    <div
+      class="w-75"
+      @pointerdown.stop="noop"
+      @pointermove.stop="noop"
+      @pointerup.stop="noop"
+    >
       <slot />
     </div>
   </div>