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

fix(onlyRenderVisible) render nodes with fixed width & height intially

Browse Source
This commit is contained in:
peterkogo
2024-08-12 16:04:43 +02:00
parent 0d07f9fb0e
commit 78d6b3d537
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/system/src/utils/graph.ts
+7 -6
View File
@@ -191,21 +191,22 @@ export const getNodesInside = <NodeType extends NodeBase = NodeBase>(
const visibleNodes: InternalNodeBase<NodeType>[] = []; const visibleNodes: InternalNodeBase<NodeType>[] = [];
for (const [, node] of nodes) { for (const node of nodes.values()) {
const { measured, selectable = true, hidden = false } = node; const { measured, selectable = true, hidden = false } = node;
const width = measured.width ?? node.width ?? node.initialWidth ?? null;
const height = measured.height ?? node.height ?? node.initialHeight ?? null;
if ((excludeNonSelectableNodes && !selectable) || hidden) { if ((excludeNonSelectableNodes && !selectable) || hidden) {
continue; continue;
} }
const width = measured.width ?? node.width ?? node.initialWidth ?? null;
const height = measured.height ?? node.height ?? node.initialHeight ?? null;
const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node)); const overlappingArea = getOverlappingArea(paneRect, nodeToRect(node));
const notInitialized = width === null || height === null; const area = (width ?? 0) * (height ?? 0);
const partiallyVisible = partially && overlappingArea > 0; const partiallyVisible = partially && overlappingArea > 0;
const area = (width ?? 0) * (height ?? 0); const forceInitialRender = !node.internals.handleBounds;
const isVisible = notInitialized || partiallyVisible || overlappingArea >= area; const isVisible = forceInitialRender || partiallyVisible || overlappingArea >= area;
if (isVisible || node.dragging) { if (isVisible || node.dragging) {
visibleNodes.push(node); visibleNodes.push(node);