fix(core): use connecting handle to update connection (#1996)

bcakmakoglu · bcakmakoglu · commit 474e830d081f · 2025-12-17T10:27:28.000+01:00
Signed-off-by: braks &lt;78412429+bcakmakoglu@users.noreply.github.com&gt;
diff --git a/.changeset/giant-pants-jam.md b/.changeset/giant-pants-jam.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Use the connecting handle result when updating a connection, so we get an accurate connection position for `toPosition`.
diff --git a/packages/core/src/composables/useHandle.ts b/packages/core/src/composables/useHandle.ts
@@ -244,6 +244,7 @@ export function useHandle({
         }
 
         const connectingHandle = closestHandle ?? result.toHandle
+
         updateConnection(
           connectingHandle && isValid
             ? rendererPointToPoint(
@@ -254,7 +255,7 @@ export function useHandle({
                 viewport.value,
               )
             : connectionPosition,
-          result.toHandle,
+          connectingHandle,
           getConnectionStatus(!!connectingHandle, isValid),
         )
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@vue-flow/core": patch
 +---
++
 +Use the connecting handle result when updating a connection, so we get an accurate connection position for `toPosition`.
Original file line number	Diff line number	Diff line change
`@@ -244,6 +244,7 @@ export function useHandle({`
`244`	`244`	`}`
`245`	`245`
`246`	`246`	`const connectingHandle = closestHandle ?? result.toHandle`
	`247`	`+`
`247`	`248`	`updateConnection(`
`248`	`249`	`connectingHandle && isValid`
`249`	`250`	`? rendererPointToPoint(`
`@@ -254,7 +255,7 @@ export function useHandle({`
`254`	`255`	`viewport.value,`
`255`	`256`	`)`
`256`	`257`	`: connectionPosition,`
`257`		`- result.toHandle,`
	`258`	`+ connectingHandle,`
`258`	`259`	`getConnectionStatus(!!connectingHandle, isValid),`
`259`	`260`	`)`
`260`	`261`