From d645860f869a1ce38f94aba7bdce568a946ea6e7 Mon Sep 17 00:00:00 2001
From: vaani1127 <vprashar_be23@thapar.edu>
Date: Wed, 21 Jan 2026 01:22:31 +0530
Subject: [PATCH 1/2] feat: add scrollbar to Table of Contents for long
 articles

Signed-off-by: vaani1127 <vprashar_be23@thapar.edu>
---
 components/TableContents.tsx | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/TableContents.tsx b/components/TableContents.tsx
index 17906219..bbf426cb 100644
--- a/components/TableContents.tsx
+++ b/components/TableContents.tsx
@@ -68,19 +68,19 @@ export default function TOC({ headings, isList, setIsList }) {
 
 
   const handleItemClick = (id) => {
-  const sanitizedId = sanitizeStringForURL(id, true);
-  const element = document.getElementById(sanitizedId);
-  if (element) {
-    const offset = 80; 
-    const offsetPosition = element.offsetTop - offset;
-    window.scrollTo({
-      top: offsetPosition,
-      behavior: "smooth",
-    });
-
-    window.history.replaceState(null, null, `#${sanitizedId}`);
-  }
-};
+    const sanitizedId = sanitizeStringForURL(id, true);
+    const element = document.getElementById(sanitizedId);
+    if (element) {
+      const offset = 80;
+      const offsetPosition = element.offsetTop - offset;
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: "smooth",
+      });
+
+      window.history.replaceState(null, null, `#${sanitizedId}`);
+    }
+  };
 
   // State to track screen width
   const [isSmallScreen, setIsSmallScreen] = useState(false);
@@ -202,7 +202,7 @@ export default function TOC({ headings, isList, setIsList }) {
             ))}
           </select>
         ) : (
-          <nav ref={tocRef}>
+          <nav ref={tocRef} className="max-h-[80vh] overflow-y-auto pr-2">
             <ul className="pl-0 leading-5">
               {headings.map((item, index) => (
                 <TOCItem

From 7737ef18315c950eb3227da512df6beb2f2bdc4c Mon Sep 17 00:00:00 2001
From: vaani1127 <vprashar_be23@thapar.edu>
Date: Wed, 8 Apr 2026 15:05:52 +0530
Subject: [PATCH 2/2] req changes made

Signed-off-by: vaani1127 <vprashar_be23@thapar.edu>
---
 components/TableContents.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/TableContents.tsx b/components/TableContents.tsx
index bbf426cb..e5ded83b 100644
--- a/components/TableContents.tsx
+++ b/components/TableContents.tsx
@@ -55,7 +55,7 @@ export default function TOC({ headings, isList, setIsList }) {
     const container = tocRef.current;
 
     function resizeHandler() {
-      setIsList(container.clientHeight > window.innerHeight * 0.8);
+      setIsList(container.scrollHeight > container.clientHeight);
     }
 
     resizeHandler()
@@ -202,8 +202,8 @@ export default function TOC({ headings, isList, setIsList }) {
             ))}
           </select>
         ) : (
-          <nav ref={tocRef} className="max-h-[80vh] overflow-y-auto pr-2">
-            <ul className="pl-0 leading-5">
+          <nav className="max-h-[80vh] overflow-y-auto pr-2">
+            <ul ref={tocRef} className="pl-0 leading-5">
               {headings.map((item, index) => (
                 <TOCItem
                   key={index}