Revert "Automatically scroll to the active page in table of contents (#…

…2425) (#2429)
GitbookIO · Aug 15, 2024 · 41684d0 · 41684d0
1 parent 9f6c334
commit 41684d0
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 74 deletions.
diff --git a/.changeset/stupid-guests-drive.md b/.changeset/stupid-guests-drive.md
diff --git a/packages/gitbook/src/components/TableOfContents/TableOfContents.tsx b/packages/gitbook/src/components/TableOfContents/TableOfContents.tsx
@@ -14,7 +14,6 @@ import { tcls } from '@/lib/tailwind';
 
 import { PagesList } from './PagesList';
 import { Trademark } from './Trademark';
-import { TOCScrollContainerProvider } from './useScrollToActiveTOCItem';
 
 export function TableOfContents(props: {
     space: Space;
@@ -56,7 +55,7 @@ export function TableOfContents(props: {
             )}
         >
             {header ? header : null}
-            <TOCScrollContainerProvider
+            <div
                 className={tcls(
                     withHeaderOffset ? 'pt-4' : ['pt-4', 'lg:pt-0'],
                     'hidden',
@@ -88,7 +87,7 @@ export function TableOfContents(props: {
                 {customization.trademark.enabled ? (
                     <Trademark space={space} customization={customization} />
                 ) : null}
-            </TOCScrollContainerProvider>
+            </div>
         </aside>
     );
 }
diff --git a/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx b/packages/gitbook/src/components/TableOfContents/ToggleableLinkItem.tsx
@@ -7,7 +7,6 @@ import React from 'react';
 
 import { tcls } from '@/lib/tailwind';
 
-import { useScrollToActiveTOCItem } from './useScrollToActiveTOCItem';
 import { Link } from '../primitives';
 
 const show = {
@@ -47,7 +46,6 @@ export function ToggleableLinkItem(props: {
 
     const [scope, animate] = useAnimate();
     const [isVisible, setIsVisible] = React.useState(hasActiveDescendant);
-    const linkRef = React.createRef<HTMLAnchorElement>();
 
     // Update the visibility of the children, if we are navigating to a descendant.
     React.useEffect(() => {
@@ -92,15 +90,12 @@ export function ToggleableLinkItem(props: {
     const mountedRef = React.useRef(false);
     React.useEffect(() => {
         mountedRef.current = true;
-    });
-
-    useScrollToActiveTOCItem({ linkRef, isActive });
+    }, []);
 
     return (
         <div>
             <Link
                 href={href}
-                ref={linkRef}
                 aria-selected={isActive}
                 className={tcls(
                     'group/toclink',

diff --git a/packages/gitbook/src/components/TableOfContents/useScrollToActiveTOCItem.tsx b/packages/gitbook/src/components/TableOfContents/useScrollToActiveTOCItem.tsx