From d2df1dced7a7de4ed69b003c0069c7d7141bef05 Mon Sep 17 00:00:00 2001
From: Ze-Zheng Wu <zezhengwu@proton.me>
Date: Sun, 17 Aug 2025 02:30:16 +0800
Subject: [PATCH] fix: skip resize handler updates when DOM node is not visible

Prevent unnecessary resize calculations and error messages for invisible elements by checking visibility before processing dimensions
---
 .changeset/stupid-lizards-wash.md            | 5 +++++
 packages/react/src/hooks/useResizeHandler.ts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/stupid-lizards-wash.md

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<HTMLDivElement | null
 
   useEffect(() => {
     const updateDimensions = () => {
-      if (!domNode.current) {
+      if (!domNode.current || !(domNode.current.checkVisibility?.() ?? true)) {
         return false;
       }
       const size = getDimensions(domNode.current);