feat(core): enhance elevate-edges-on-select to support direct edge selection

dzuoo · web-flow · commit 7c31c57f9b46 · 2025-07-01T11:12:19.000+08:00
diff --git a/packages/core/src/utils/edge.ts b/packages/core/src/utils/edge.ts
@@ -103,7 +103,14 @@ export function getEdgeZIndex(edge: GraphEdge, findNode: Actions['findNode'], el
   }
 
   if (elevateEdgesOnSelect) {
-    z = hasZIndex ? edge.zIndex! : Math.max(source.computedPosition.z || 0, target.computedPosition.z || 0)
+    const baseZ = hasZIndex ? edge.zIndex! : 0
+    const nodeBasedZ = Math.max(source.computedPosition.z || 0, target.computedPosition.z || 0)
+    const edgeSelectedZ = edge.selected ? 1000 : 0
+
+    // Take the maximum elevation to avoid double-stacking when both node and edge are selected
+    const elevationZ = Math.max(nodeBasedZ - baseZ, edgeSelectedZ)
+
+    z = baseZ + elevationZ
   }
 
   return z

Original file line number	Diff line number	Diff line change
`@@ -103,7 +103,14 @@ export function getEdgeZIndex(edge: GraphEdge, findNode: Actions['findNode'], el`
`103`	`103`	`}`
`104`	`104`
`105`	`105`	`if (elevateEdgesOnSelect) {`
`106`		`- z = hasZIndex ? edge.zIndex! : Math.max(source.computedPosition.z \|\| 0, target.computedPosition.z \|\| 0)`
	`106`	`+ const baseZ = hasZIndex ? edge.zIndex! : 0`
	`107`	`+ const nodeBasedZ = Math.max(source.computedPosition.z \|\| 0, target.computedPosition.z \|\| 0)`
	`108`	`+ const edgeSelectedZ = edge.selected ? 1000 : 0`
	`109`	`+`
	`110`	`+ // Take the maximum elevation to avoid double-stacking when both node and edge are selected`
	`111`	`+ const elevationZ = Math.max(nodeBasedZ - baseZ, edgeSelectedZ)`
	`112`	`+`
	`113`	`+ z = baseZ + elevationZ`
`107`	`114`	`}`
`108`	`115`
`109`	`116`	`return z`