Add support for scrolling

This commit is contained in:
Lucas Sköld
2025-02-04 17:29:09 +01:00
parent 9fc0e9ccb5
commit 8a2e045b65
+8 -1
View File
@@ -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";
}