fix(nodeExtent): nodes node extent over global node extent

src/store/initialState.ts

@@ -1,6 +1,6 @@
 import { CoordinateExtent, ReactFlowStore, ConnectionMode } from '../types';
 
-const infiniteExtent: CoordinateExtent = [
+export const infiniteExtent: CoordinateExtent = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
   [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY],
 ];

src/store/utils.ts

@@ -16,6 +16,7 @@ import {
   XYZPosition,
   FitViewOptions,
 } from '../types';
+import { infiniteExtent } from './initialState';
 
 type ParentNodes = Record<string, boolean>;
 
@@ -128,20 +129,25 @@ export function createPositionChange({
 
   if (diff) {
     const nextPosition = { x: node.position.x + diff.x, y: node.position.y + diff.y };
-    let currentExtent = nodeExtent || node.extent;
+    let currentExtent = node.extent || nodeExtent;
 
-    if (node.extent === 'parent' && node.parentNode && node.width && node.height) {
+    if (node.extent === 'parent') {
-      const parent = nodeInternals.get(node.parentNode);
+      if (node.parentNode && node.width && node.height) {
-      currentExtent =
+        const parent = nodeInternals.get(node.parentNode);
-        parent?.width && parent?.height
+        currentExtent =
-          ? [
+          parent?.width && parent?.height
-              [0, 0],
+            ? [
-              [parent.width - node.width, parent.height - node.height],
+                [0, 0],
-            ]
+                [parent.width - node.width, parent.height - node.height],
-          : currentExtent;
+              ]
+            : currentExtent;
+      } else {
+        console.warn('Only child nodes can use parent extent');
+        currentExtent = infiniteExtent;
+      }
     }
 
-    change.position = currentExtent ? clampPosition(nextPosition, currentExtent) : nextPosition;
+    change.position = currentExtent ? clampPosition(nextPosition, currentExtent as CoordinateExtent) : nextPosition;
   }
 
   return change;