diff --git a/.changeset/stupid-lizards-wash.md b/.changeset/stupid-lizards-wash.md new file mode 100644 index 00000000..df4eae58 --- /dev/null +++ b/.changeset/stupid-lizards-wash.md @@ -0,0 +1,5 @@ +--- +'@xyflow/react': patch +--- + +Skip resize handler updates when DOM node is not visible diff --git a/packages/react/src/hooks/useResizeHandler.ts b/packages/react/src/hooks/useResizeHandler.ts index 4348208a..4577e23d 100644 --- a/packages/react/src/hooks/useResizeHandler.ts +++ b/packages/react/src/hooks/useResizeHandler.ts @@ -13,7 +13,7 @@ export function useResizeHandler(domNode: MutableRefObject { const updateDimensions = () => { - if (!domNode.current) { + if (!domNode.current || !(domNode.current.checkVisibility?.() ?? true)) { return false; } const size = getDimensions(domNode.current);