From 22a84b1c0c902136e3c48695d344285d4ba9f47f Mon Sep 17 00:00:00 2001
From: Alexander Brown <drjkl@comfy.org>
Date: Wed, 5 Nov 2025 15:42:31 -0800
Subject: [PATCH] hotfix: Fix dragging state not clearing after leaving (#6604)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

Fixes the state persisting when dragging over a node (but not dropping)

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6604-hotfix-Fix-dragging-state-not-clearing-after-leaving-2a26d73d36508118b260eb73daee8a0b)
by [Unito](https://www.unito.io)
---
 .../vueNodes/components/LGraphNode.vue        | 20 ++++++-------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/renderer/extensions/vueNodes/components/LGraphNode.vue b/src/renderer/extensions/vueNodes/components/LGraphNode.vue
index 13979f6651..056a198dbf 100644
--- a/src/renderer/extensions/vueNodes/components/LGraphNode.vue
+++ b/src/renderer/extensions/vueNodes/components/LGraphNode.vue
@@ -46,7 +46,7 @@
     @contextmenu="handleContextMenu"
     @dragover.prevent="handleDragOver"
     @dragleave="handleDragLeave"
-    @drop="handleDrop"
+    @drop.stop.prevent="handleDrop"
   >
     <div class="flex flex-col justify-center items-center relative">
       <template v-if="isCollapsed">
@@ -136,7 +136,7 @@
 </template>
 
 <script setup lang="ts">
-import { useMouseInElement, whenever } from '@vueuse/core'
+import { whenever } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import { computed, inject, onErrorCaptured, onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -486,13 +486,10 @@ const nodeMedia = computed(() => {
 
 const nodeContainerRef = ref<HTMLDivElement>()
 
-// Track mouse position relative to node container for drag and drop
-const { isOutside } = useMouseInElement(nodeContainerRef)
-
 // Drag and drop support
 const isDraggingOver = ref(false)
 
-const handleDragOver = (event: DragEvent) => {
+function handleDragOver(event: DragEvent) {
   const node = lgraphNode.value
   if (!node || !node.onDragOver) {
     isDraggingOver.value = false
@@ -504,16 +501,11 @@ const handleDragOver = (event: DragEvent) => {
   isDraggingOver.value = canDrop
 }
 
-const handleDragLeave = () => {
-  if (isOutside.value) {
-    isDraggingOver.value = false
-  }
+function handleDragLeave() {
+  isDraggingOver.value = false
 }
 
-const handleDrop = async (event: DragEvent) => {
-  event.preventDefault()
-  event.stopPropagation()
-
+async function handleDrop(event: DragEvent) {
   isDraggingOver.value = false
 
   const node = lgraphNode.value