From 237450d3b56e409d6e479affe7d97f42573fb517 Mon Sep 17 00:00:00 2001
From: Anuj Shrivastava <anujshrivastava10e@gmail.com>
Date: Thu, 15 Jan 2026 19:51:50 +0530
Subject: [PATCH 1/3] feat: add scrollbar to table of contents on long articles

Signed-off-by: Anuj Shrivastava <anujshrivastava10e@gmail.com>
---
 components/TableContents.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/TableContents.tsx b/components/TableContents.tsx
index 17906219..f7e40133 100644
--- a/components/TableContents.tsx
+++ b/components/TableContents.tsx
@@ -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 816db739b9939820410e7d098440d656af2eaeaa Mon Sep 17 00:00:00 2001
From: Anuj Shrivastava <anujshrivastava10e@gmail.com>
Date: Thu, 15 Jan 2026 20:11:46 +0530
Subject: [PATCH 2/3] fix: use scrollHeight to detect TOC overflow

Signed-off-by: Anuj Shrivastava <anujshrivastava10e@gmail.com>
---
 components/TableContents.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/TableContents.tsx b/components/TableContents.tsx
index f7e40133..ffe07653 100644
--- a/components/TableContents.tsx
+++ b/components/TableContents.tsx
@@ -55,7 +55,9 @@ export default function TOC({ headings, isList, setIsList }) {
     const container = tocRef.current;
 
     function resizeHandler() {
-      setIsList(container.clientHeight > window.innerHeight * 0.8);
+      // Use scrollHeight to detect when content exceeds max-h-[80vh] constraint
+      // scrollHeight returns the full content height (including overflowed content)
+      setIsList(container.scrollHeight > window.innerHeight * 0.8);
     }
 
     resizeHandler()

From 89a7a4c07ebc00f368b1039087605229a442bab4 Mon Sep 17 00:00:00 2001
From: Anuj Shrivastava <anujshrivastava10e@gmail.com>
Date: Thu, 15 Jan 2026 20:15:42 +0530
Subject: [PATCH 3/3] fix: Remvoe comments

Signed-off-by: Anuj Shrivastava <anujshrivastava10e@gmail.com>
---
 components/TableContents.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/components/TableContents.tsx b/components/TableContents.tsx
index ffe07653..2378ae9a 100644
--- a/components/TableContents.tsx
+++ b/components/TableContents.tsx
@@ -55,8 +55,6 @@ export default function TOC({ headings, isList, setIsList }) {
     const container = tocRef.current;
 
     function resizeHandler() {
-      // Use scrollHeight to detect when content exceeds max-h-[80vh] constraint
-      // scrollHeight returns the full content height (including overflowed content)
       setIsList(container.scrollHeight > window.innerHeight * 0.8);
     }