fix: replace mousedown with pointerdown in click outside container

Author: mmargaryan

packages/core/src/internal/click-outside-container/click-outside-container.tsx

@@ -13,14 +13,14 @@ export default class ClickOutsideContainer extends React.PureComponent<Props> {
     public componentDidMount() {
         const eventTarget = this.props.customEventTarget ?? document;
         eventTarget.addEventListener("touchend", this.clickOutside, true);
-        eventTarget.addEventListener("mousedown", this.clickOutside, true);
+        eventTarget.addEventListener("pointerdown", this.clickOutside, true);
         eventTarget.addEventListener("contextmenu", this.clickOutside, true);
     }
 
     public componentWillUnmount() {
         const eventTarget = this.props.customEventTarget ?? document;
         eventTarget.removeEventListener("touchend", this.clickOutside, true);
-        eventTarget.removeEventListener("mousedown", this.clickOutside, true);
+        eventTarget.removeEventListener("pointerdown", this.clickOutside, true);
         eventTarget.removeEventListener("contextmenu", this.clickOutside, true);
     }
 

packages/core/test/data-editor.test.tsx

@@ -20,6 +20,7 @@ import {
     prep,
     sendClick,
     sendTouchClick,
+    sendPointerClick,
     getCellCenterPositionForDefaultGrid,
     Context,
     standardBeforeEach,
@@ -1559,7 +1560,7 @@ describe("data-editor", () => {
         const overlay = screen.getByDisplayValue("j");
         expect(document.body.contains(overlay)).toBe(true);
 
-        sendClick(canvas, {
+        sendPointerClick(canvas, {
             clientX: 300, // Col B
             clientY: 36 + 32 * 5 + 16, // Row 1 (0 indexed)
         });

packages/core/test/test-utils.tsx

@@ -46,6 +46,14 @@ export function sendTouchClick(el: Element | Node | Document | Window, options?:
     });
 }
 
+export function sendPointerClick(el: Element | Node | Document | Window, options?: any): void {
+    fireEvent.pointerDown(el, options);
+
+    fireEvent.pointerUp(el, options);
+
+    fireEvent.click(el, options);
+}
+
 export const makeCell = (cell: Item): GridCell => {
     const [col, row] = cell;
     switch (col) {