From 62da17740a50cc342e7484a7dd3b4504b83894c8 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sat, 31 Jan 2026 13:13:42 +0100
Subject: [PATCH] Add resize event listener for line number adjustment in
 App.tsx

---
 src/App.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index a9d1b8b..cbbd761 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -183,6 +183,22 @@ export default function App() {
     return () => observer.disconnect();
   }, [showLineNumbers]);
 
+  useEffect(() => {
+    if (!showLineNumbers) return;
+    let raf = 0;
+    const handleResize = () => {
+      if (raf) cancelAnimationFrame(raf);
+      raf = requestAnimationFrame(() => {
+        setMeasureTick((tick) => tick + 1);
+      });
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      if (raf) cancelAnimationFrame(raf);
+    };
+  }, [showLineNumbers]);
+
   useLayoutEffect(() => {
     if (!showLineNumbers) return;
     const textarea = textareaRef.current;
@@ -196,7 +212,7 @@ export default function App() {
     if (lineNumbersRef.current) {
       lineNumbersRef.current.scrollTop = textarea.scrollTop;
     }
-  }, [lines, showLineNumbers, textSize, measureTick]);
+  }, [lines, showLineNumbers, textSize, measureTick, sidebarCollapsed, historyOpen]);
 
   useEffect(() => {
     if (showLineNumbers && textareaRef.current && lineNumbersRef.current) {