diff --git a/packages/gitbook/src/components/DocumentView/Table/StickyViewGrid.tsx b/packages/gitbook/src/components/DocumentView/Table/StickyViewGrid.tsx index 5e86ed44e..eac8d3a30 100644 --- a/packages/gitbook/src/components/DocumentView/Table/StickyViewGrid.tsx +++ b/packages/gitbook/src/components/DocumentView/Table/StickyViewGrid.tsx @@ -73,15 +73,22 @@ export function StickyViewGrid({ className, header, children }: StickyViewGridPr useScrollListener(syncStickyLayout, bodyScrollRef); useEffect(() => { - const elements = [bodyScrollRef.current, bodyTableRef.current].filter( - (element): element is HTMLDivElement => Boolean(element) - ); - if (elements.length === 0) { + const bodyScrollElement = bodyScrollRef.current; + const bodyTableElement = bodyTableRef.current; + + if (!bodyScrollElement && !bodyTableElement) { return; } const resizeObserver = new ResizeObserver(syncStickyLayout); - elements.forEach((element) => resizeObserver.observe(element)); + + if (bodyScrollElement) { + resizeObserver.observe(bodyScrollElement); + } + + if (bodyTableElement) { + resizeObserver.observe(bodyTableElement); + } return () => { resizeObserver.disconnect(); diff --git a/packages/gitbook/src/components/DocumentView/Table/table.module.css b/packages/gitbook/src/components/DocumentView/Table/table.module.css index 4b9908ab0..69cdf11b0 100644 --- a/packages/gitbook/src/components/DocumentView/Table/table.module.css +++ b/packages/gitbook/src/components/DocumentView/Table/table.module.css @@ -1,7 +1,5 @@ @reference "../../RootLayout/globals.css"; .tableScrollArea { - animation: detect-scroll linear; - animation-timeline: scroll(self x); overscroll-behavior-x: none; }