diff --git a/src/components/Handle/handler.ts b/src/components/Handle/handler.ts index 63000f23..5b589b29 100644 --- a/src/components/Handle/handler.ts +++ b/src/components/Handle/handler.ts @@ -98,12 +98,14 @@ export function onMouseDown( onConnectEnd?: OnConnectEndFunc ): void { const reactFlowNode = (event.target as Element).closest('.react-flow'); + const elementBelow = document.elementFromPoint(event.clientX, event.clientY); + const elementBelowIsTarget = elementBelow?.classList.contains('target') || false; if (!reactFlowNode) { return; } - const handleType = isTarget ? 'target' : 'source'; + const handleType = elementBelowIsTarget ? 'target' : 'source'; const containerBounds = reactFlowNode.getBoundingClientRect(); let recentHoveredHandle: Element;