Fix clicks near DOMWidgets being swallowed

Adds a method on canvas to indicate that pointer events should be passed
Adds an onPointerDown on DOMWidgets to call this method

Author: AustinMroz

src/lib/litegraph/src/LGraphCanvas.ts

@@ -2851,6 +2851,12 @@ export class LGraphCanvas
 
     this.dirty_canvas = true
   }
+  passPointerEvent(pointer: CanvasPointer, node: LGraphNode): boolean {
+    pointer.onDragStart = () => this.#startDraggingItems(node, pointer)
+    pointer.onDragEnd = (e) => this.#processDraggedItems(e)
+    this.dirty_canvas = true
+    return true
+  }
 
   #processWidgetClick(
     e: CanvasPointerEvent,

src/scripts/domWidget.ts

@@ -2,7 +2,9 @@ import _ from 'es-toolkit/compat'
 import { type Component, toRaw } from 'vue'
 
 import { useChainCallback } from '@/composables/functional/useChainCallback'
+import type { CanvasPointer } from '@/lib/litegraph/src/CanvasPointer'
 import {
+  LGraphCanvas,
   LGraphNode,
   LegacyWidget,
   LiteGraph
@@ -176,6 +178,13 @@ abstract class BaseDOMWidgetImpl<V extends object | string>
     }
     this.options.onDraw?.(this)
   }
+  override onPointerDown(
+    pointer: CanvasPointer,
+    node: LGraphNode,
+    canvas: LGraphCanvas
+  ): boolean {
+    return canvas.passPointerEvent(pointer, node)
+  }
 
   override onRemove(): void {
     useDomWidgetStore().unregisterWidget(this.id)