From 64510998c09f0ab258d42ca5434f5010313ff155 Mon Sep 17 00:00:00 2001 From: moklick Date: Fri, 28 May 2021 13:08:17 +0200 Subject: [PATCH] fix(layouting): update node dimensions closes #1181 --- src/components/Nodes/wrapNode.tsx | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/components/Nodes/wrapNode.tsx b/src/components/Nodes/wrapNode.tsx index d33f184c..8161eb10 100644 --- a/src/components/Nodes/wrapNode.tsx +++ b/src/components/Nodes/wrapNode.tsx @@ -49,7 +49,6 @@ export default (NodeComponent: ComponentType) => { isDragging, resizeObserver, }: WrapNodeProps) => { - const observerInitialized = useRef(false); const updateNodeDimensions = useStoreActions((actions) => actions.updateNodeDimensions); const addSelectedElements = useStoreActions((actions) => actions.addSelectedElements); const updateNodePosDiff = useStoreActions((actions) => actions.updateNodePosDiff); @@ -203,16 +202,13 @@ export default (NodeComponent: ComponentType) => { ); useLayoutEffect(() => { - // the resize observer calls an updateNodeDimensions initially. - // We don't need to force another dimension update if it hasn't happened yet - if (nodeElement.current && !isHidden && observerInitialized.current) { + if (nodeElement.current && !isHidden) { updateNodeDimensions([{ id, nodeElement: nodeElement.current, forceUpdate: true }]); } }, [id, isHidden, sourcePosition, targetPosition]); useEffect(() => { if (nodeElement.current) { - observerInitialized.current = true; const currNode = nodeElement.current; resizeObserver?.observe(currNode);