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

fix(layouting): update node dimensions closes #1181

Browse Source
This commit is contained in:
moklick
2021-05-28 13:08:17 +02:00
parent f835f85e65
commit 64510998c0
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Nodes/wrapNode.tsx
+1 -5
View File
@@ -49,7 +49,6 @@ export default (NodeComponent: ComponentType<NodeComponentProps>) => {
isDragging, isDragging,
resizeObserver, resizeObserver,
}: WrapNodeProps) => { }: WrapNodeProps) => {
const observerInitialized = useRef<boolean>(false);
const updateNodeDimensions = useStoreActions((actions) => actions.updateNodeDimensions); const updateNodeDimensions = useStoreActions((actions) => actions.updateNodeDimensions);
const addSelectedElements = useStoreActions((actions) => actions.addSelectedElements); const addSelectedElements = useStoreActions((actions) => actions.addSelectedElements);
const updateNodePosDiff = useStoreActions((actions) => actions.updateNodePosDiff); const updateNodePosDiff = useStoreActions((actions) => actions.updateNodePosDiff);
@@ -203,16 +202,13 @@ export default (NodeComponent: ComponentType<NodeComponentProps>) => {
); );
useLayoutEffect(() => { useLayoutEffect(() => {
// the resize observer calls an updateNodeDimensions initially. if (nodeElement.current && !isHidden) {
// We don't need to force another dimension update if it hasn't happened yet
if (nodeElement.current && !isHidden && observerInitialized.current) {
updateNodeDimensions([{ id, nodeElement: nodeElement.current, forceUpdate: true }]); updateNodeDimensions([{ id, nodeElement: nodeElement.current, forceUpdate: true }]);
} }
}, [id, isHidden, sourcePosition, targetPosition]); }, [id, isHidden, sourcePosition, targetPosition]);
useEffect(() => { useEffect(() => {
if (nodeElement.current) { if (nodeElement.current) {
observerInitialized.current = true;
const currNode = nodeElement.current; const currNode = nodeElement.current;
resizeObserver?.observe(currNode); resizeObserver?.observe(currNode);