fix: parent cycle problem

bvaughn · Mar 14, 2024 · 36a7f57 · 36a7f57
1 parent 61ba611
commit 36a7f57
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/react-resizable-panels/src/PanelResizeHandle.test.tsx b/packages/react-resizable-panels/src/PanelResizeHandle.test.tsx
@@ -1,6 +1,6 @@
 import { Root, createRoot } from "react-dom/client";
 import { act } from "react-dom/test-utils";
-import type { PanelResizeHandleProps } from "react-resizable-panels";
+import type { PanelResizeHandleProps } from "./PanelResizeHandle";
 import { Panel, PanelGroup, PanelResizeHandle } from ".";
 import { assert } from "./utils/assert";
 import { getResizeHandleElement } from "./utils/dom/getResizeHandleElement";

diff --git a/packages/react-resizable-panels/src/vendor/stacking-order.ts b/packages/react-resizable-panels/src/vendor/stacking-order.ts
@@ -116,11 +116,12 @@ function get_z_index(node: HTMLElement | null) {
 }
 
 /** @param {HTMLElement} node */
-function get_ancestors(node: HTMLElement) {
+function get_ancestors(node: HTMLElement | null) {
   const ancestors = [];
 
   while (node) {
     ancestors.push(node);
+    // @ts-ignore
     node = get_parent(node);
   }
 
@@ -129,6 +130,12 @@ function get_ancestors(node: HTMLElement) {
 
 /** @param {HTMLElement} node */
 function get_parent(node: HTMLElement) {
+  const { parentNode } = node;
   // @ts-ignore
-  return node.parentNode?.host;
+  if (parentNode && parentNode.host && parentNode.host instanceof ShadowRoot) {
+    // @ts-ignore
+    return parentNode.host.getRootNode()
+
+  }
+  return parentNode;
 }