Attach handlePointerUp to ownerDocument body

Author: ImmanuelBaskaran

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

@@ -258,6 +258,36 @@ 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("pointermove", leftElement);
+      });
+
+      expect(separateWindowDocument.body.addEventListener).toHaveBeenCalledWith('pointerup');
+      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

@@ -324,12 +324,12 @@ function updateListeners() {
           body.addEventListener("contextmenu", handlePointerUp, options);
           body.addEventListener("pointerleave", handlePointerMove, options);
           body.addEventListener("pointermove", handlePointerMove, options);
+
+          body.addEventListener("pointerup", handlePointerUp, options);
+          body.addEventListener("pointercancel", handlePointerUp, options);
         }
       });
     }
-
-    window.addEventListener("pointerup", handlePointerUp, options);
-    window.addEventListener("pointercancel", handlePointerUp, options);
   } else {
     ownerDocumentCounts.forEach((count, ownerDocument) => {
       const { body } = ownerDocument;