From 8a2e045b6586f5f385949efa3b80b5ba4cc61ea0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20=20Sk=C3=B6ld?= <lucasskold49@gmail.com>
Date: Tue, 4 Feb 2025 17:29:09 +0100
Subject: [PATCH] Add support for scrolling

---
 web/js/textHighlight.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/js/textHighlight.js b/web/js/textHighlight.js
index 1715e64..30265a0 100644
--- a/web/js/textHighlight.js
+++ b/web/js/textHighlight.js
@@ -52,6 +52,12 @@ function enhanceTextarea(textarea) {
     setTextColors(textarea, overlayEl);
     setValidFiles(textarea);
 
+    // Add scroll sync
+    textarea.addEventListener("scroll", () => {
+        overlayEl.scrollTop = textarea.scrollTop;
+        overlayEl.scrollLeft = textarea.scrollLeft;
+    });
+
     // Add event listeners
     textarea.addEventListener("input", () => {
         syncText(textarea, overlayEl);
@@ -523,7 +529,8 @@ function setOverlayStyle(inputEl, overlayEl) {
     overlayEl.style.zIndex = "1";
     overlayEl.style.pointerEvents = "none";
     overlayEl.style.color = "transparent";
-    overlayEl.style.overflow = "hidden";
+    overlayEl.style.overflowX = textareaStyle.overflowX;
+    overlayEl.style.overflowY = textareaStyle.overflowY;
     overlayEl.style.whiteSpace = "pre-wrap";
     overlayEl.style.wordWrap = "break-word";
 }