@tanstack/table-core 8.11.3 → 8.11.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/table-core",
   "author": "Tanner Linsley",
-  "version": "8.11.3",
+  "version": "8.11.5",
   "description": "Headless UI for building powerful tables & datagrids for TS/JS.",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/table#readme",

package/src/features/ColumnSizing.ts

@@ -187,7 +187,7 @@ export interface ColumnSizingHeader {
    * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getresizehandler)
    * @link [Guide](https://tanstack.com/table/v8/docs/guide/column-sizing)
    */
-  getResizeHandler: () => (event: unknown) => void
+  getResizeHandler: (context?: Document) => (event: unknown) => void
   /**
    * Returns the current size of the header.
    * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/column-sizing#getsize)
@@ -319,7 +319,8 @@ export const ColumnSizing: TableFeature = {
 
       return 0
     }
-    header.getResizeHandler = () => {
+    header.getResizeHandler = _contextDocument => {
+      const contextDocument = _contextDocument || document
       const column = table.getColumn(header.column.id)
       const canResize = column?.getCanResize()
 
@@ -411,8 +412,14 @@ export const ColumnSizing: TableFeature = {
         const mouseEvents = {
           moveHandler: (e: MouseEvent) => onMove(e.clientX),
           upHandler: (e: MouseEvent) => {
-            document.removeEventListener('mousemove', mouseEvents.moveHandler)
-            document.removeEventListener('mouseup', mouseEvents.upHandler)
+            contextDocument.removeEventListener(
+              'mousemove',
+              mouseEvents.moveHandler
+            )
+            contextDocument.removeEventListener(
+              'mouseup',
+              mouseEvents.upHandler
+            )
             onEnd(e.clientX)
           },
         }
@@ -427,8 +434,14 @@ export const ColumnSizing: TableFeature = {
             return false
           },
           upHandler: (e: TouchEvent) => {
-            document.removeEventListener('touchmove', touchEvents.moveHandler)
-            document.removeEventListener('touchend', touchEvents.upHandler)
+            contextDocument.removeEventListener(
+              'touchmove',
+              touchEvents.moveHandler
+            )
+            contextDocument.removeEventListener(
+              'touchend',
+              touchEvents.upHandler
+            )
             if (e.cancelable) {
               e.preventDefault()
               e.stopPropagation()
@@ -442,23 +455,23 @@ export const ColumnSizing: TableFeature = {
           : false
 
         if (isTouchStartEvent(e)) {
-          document.addEventListener(
+          contextDocument.addEventListener(
             'touchmove',
             touchEvents.moveHandler,
             passiveIfSupported
           )
-          document.addEventListener(
+          contextDocument.addEventListener(
             'touchend',
             touchEvents.upHandler,
             passiveIfSupported
           )
         } else {
-          document.addEventListener(
+          contextDocument.addEventListener(
             'mousemove',
             mouseEvents.moveHandler,
             passiveIfSupported
           )
-          document.addEventListener(
+          contextDocument.addEventListener(
             'mouseup',
             mouseEvents.upHandler,
             passiveIfSupported