Skip to content

Commit 0c0a947

Browse files
committedJan 12, 2024
fix: contextDocument scope for SSR bug
1 parent b8604a7 commit 0c0a947

File tree

1 file changed

+11
-9
lines changed

1 file changed

+11
-9
lines changed
 

‎packages/table-core/src/features/ColumnSizing.ts

+11-9
Original file line numberDiff line numberDiff line change
@@ -320,7 +320,6 @@ export const ColumnSizing: TableFeature = {
320320
return 0
321321
}
322322
header.getResizeHandler = _contextDocument => {
323-
const contextDocument = _contextDocument || document
324323
const column = table.getColumn(header.column.id)
325324
const canResize = column?.getCanResize()
326325

@@ -409,14 +408,17 @@ export const ColumnSizing: TableFeature = {
409408
}))
410409
}
411410

411+
const contextDocument =
412+
_contextDocument || typeof document !== 'undefined' ? document : null
413+
412414
const mouseEvents = {
413415
moveHandler: (e: MouseEvent) => onMove(e.clientX),
414416
upHandler: (e: MouseEvent) => {
415-
contextDocument.removeEventListener(
417+
contextDocument?.removeEventListener(
416418
'mousemove',
417419
mouseEvents.moveHandler
418420
)
419-
contextDocument.removeEventListener(
421+
contextDocument?.removeEventListener(
420422
'mouseup',
421423
mouseEvents.upHandler
422424
)
@@ -434,11 +436,11 @@ export const ColumnSizing: TableFeature = {
434436
return false
435437
},
436438
upHandler: (e: TouchEvent) => {
437-
contextDocument.removeEventListener(
439+
contextDocument?.removeEventListener(
438440
'touchmove',
439441
touchEvents.moveHandler
440442
)
441-
contextDocument.removeEventListener(
443+
contextDocument?.removeEventListener(
442444
'touchend',
443445
touchEvents.upHandler
444446
)
@@ -455,23 +457,23 @@ export const ColumnSizing: TableFeature = {
455457
: false
456458

457459
if (isTouchStartEvent(e)) {
458-
contextDocument.addEventListener(
460+
contextDocument?.addEventListener(
459461
'touchmove',
460462
touchEvents.moveHandler,
461463
passiveIfSupported
462464
)
463-
contextDocument.addEventListener(
465+
contextDocument?.addEventListener(
464466
'touchend',
465467
touchEvents.upHandler,
466468
passiveIfSupported
467469
)
468470
} else {
469-
contextDocument.addEventListener(
471+
contextDocument?.addEventListener(
470472
'mousemove',
471473
mouseEvents.moveHandler,
472474
passiveIfSupported
473475
)
474-
contextDocument.addEventListener(
476+
contextDocument?.addEventListener(
475477
'mouseup',
476478
mouseEvents.upHandler,
477479
passiveIfSupported

0 commit comments

Comments
 (0)
Please sign in to comment.