Cleaner link drop handling

Author: AustinMroz

src/renderer/extensions/vueNodes/components/InputSlot.vue

@@ -8,9 +8,7 @@
       :class="cn('-translate-x-1/2 w-3', errorClassesDot)"
       @click="onClick"
       @dblclick="onDoubleClick"
-      @pointerdown.stop.prevent="pointerDown"
-      @pointerup.stop.prevent="pointerUp"
-      @pointerleave.stop.prevent="(e: PointerEvent) => pointerLeave(e)"
+      @pointerdown="onPointerDown"
     />
 
     <!-- Slot Name -->
@@ -151,15 +149,4 @@ const { onClick, onDoubleClick, onPointerDown } = useSlotLinkInteraction({
   index: props.index,
   type: 'input'
 })
-
-let pointerLeave: (leavEvent: PointerEvent) => void = () => {}
-function pointerDown(e: PointerEvent) {
-  pointerLeave = () => {
-    onPointerDown(e)
-    pointerLeave = () => {}
-  }
-}
-function pointerUp() {
-  pointerLeave = () => {}
-}
 </script>

src/renderer/extensions/vueNodes/composables/useSlotLinkInteraction.ts

@@ -504,7 +504,7 @@ export function useSlotLinkInteraction({
 
     const hasConnected = connectByPriority(canvasEvent.target, snappedCandidate)
 
-    if (!hasConnected) {
+    if (!hasConnected && event.target === app.canvas?.canvas) {
       activeAdapter?.dropOnCanvas(canvasEvent)
     }