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

fix(react): re-observe nodes when hidden is toggled

Browse Source
This commit is contained in:
moklick
2024-06-03 16:12:36 +02:00
parent 02d724f16d
commit e82c72a912
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/src/components/NodeWrapper/useNodeObserver.ts
+3 -3
View File
@@ -26,17 +26,17 @@ export function useNodeObserver({
const prevSourcePosition = useRef(node.sourcePosition); const prevSourcePosition = useRef(node.sourcePosition);
const prevTargetPosition = useRef(node.targetPosition); const prevTargetPosition = useRef(node.targetPosition);
const prevType = useRef(nodeType); const prevType = useRef(nodeType);
const isInitialized = hasDimensions && !!node.internals.handleBounds && !node.hidden; const isInitialized = hasDimensions && !!node.internals.handleBounds;
useEffect(() => { useEffect(() => {
if (nodeRef.current && (!isInitialized || observedNode.current !== nodeRef.current)) { if (nodeRef.current && !node.hidden && (!isInitialized || observedNode.current !== nodeRef.current)) {
if (observedNode.current) { if (observedNode.current) {
resizeObserver?.unobserve(observedNode.current); resizeObserver?.unobserve(observedNode.current);
} }
resizeObserver?.observe(nodeRef.current); resizeObserver?.observe(nodeRef.current);
observedNode.current = nodeRef.current; observedNode.current = nodeRef.current;
} }
}, [isInitialized]); }, [isInitialized, node.hidden]);
useEffect(() => { useEffect(() => {
return () => { return () => {