Attach handlePointerUp to ownerDocument body

Author: ImmanuelBaskaran

packages/react-resizable-panels/src/PanelResizeHandle.test.tsx

@@ -258,6 +258,37 @@ describe("PanelResizeHandle", () => {
     });
   });
 
+
+  describe("event handlers when rendered in a separate document", () => {
+    let separateWindowDocument: Document;
+    beforeEach(() => {
+      // @ts-expect-error
+      global.IS_REACT_ACT_ENVIRONMENT = true;
+
+      separateWindowDocument = document.implementation.createHTMLDocument();
+      container = separateWindowDocument.createElement("div");
+      separateWindowDocument.body.appendChild(container);
+      jest.spyOn(separateWindowDocument.body,"addEventListener");
+      jest.spyOn(document.body,"addEventListener");
+      expectedWarnings = [];
+      root = createRoot(container);
+    });
+
+    it("should add the pointerup event to the separate document NOT the main document", () => {
+      const { leftElement } = setupMockedGroup();
+
+      act(() => {
+        dispatchPointerEvent("pointerdown", leftElement);
+        dispatchPointerEvent("pointerup", leftElement);
+      });
+
+      expect(separateWindowDocument.body.addEventListener).toHaveBeenCalledWith("pointerup", expect.anything(), expect.anything());
+      expect(document.body.addEventListener).not.toHaveBeenCalled();
+
+    });
+  });
+
+
   describe("data attributes", () => {
     it("should initialize with the correct props based attributes", () => {
       const { leftElement, rightElement } = setupMockedGroup();

packages/react-resizable-panels/src/PanelResizeHandleRegistry.ts

@@ -327,9 +327,11 @@ function updateListeners() {
         }
       });
     }
-
-    window.addEventListener("pointerup", handlePointerUp, options);
-    window.addEventListener("pointercancel", handlePointerUp, options);
+    ownerDocumentCounts.forEach((count, ownerDocument) => {
+      const { body } = ownerDocument;
+      body.addEventListener("pointerup", handlePointerUp, options);
+      body.addEventListener("pointercancel", handlePointerUp, options);
+    });
   } else {
     ownerDocumentCounts.forEach((count, ownerDocument) => {
       const { body } = ownerDocument;