alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix selection boxes

Browse Source
This commit is contained in:
peterkogo
2025-01-09 11:42:43 +01:00
parent 9645d885c5
commit a30484413d
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/container/Pane/Pane.svelte
+7 -6
View File
@@ -85,8 +85,9 @@
store.selectionRectMode = null; store.selectionRectMode = null;
} }
// We start the selection process when the user clicks down on the pane
function onPointerDown(event: PointerEvent) { function onPointerDown(event: PointerEvent) {
containerBounds = container.getBoundingClientRect(); containerBounds = container?.getBoundingClientRect();
if ( if (
!store.elementsSelectable || !store.elementsSelectable ||
@@ -147,15 +148,15 @@
).map((n) => n.id) ).map((n) => n.id)
); );
let edgesSelectable = store.defaultEdgeOptions.selectable ?? true; const edgesSelectable = store.defaultEdgeOptions.selectable ?? true;
selectedEdgeIds = new Set(); selectedEdgeIds = new Set();
// We look for all edges connected to the selected nodes // We look for all edges connected to the selected nodes
for (let nodeId of selectedNodeIds) { for (const nodeId of selectedNodeIds) {
let connections = store.connectionLookup.get(nodeId); const connections = store.connectionLookup.get(nodeId);
if (!connections) continue; if (!connections) continue;
for (let { edgeId } of connections.values()) { for (const { edgeId } of connections.values()) {
let edge = store.edgeLookup.get(edgeId); const edge = store.edgeLookup.get(edgeId);
if (edge && (edge.selectable ?? edgesSelectable)) { if (edge && (edge.selectable ?? edgesSelectable)) {
selectedEdgeIds.add(edgeId); selectedEdgeIds.add(edgeId);
} }