From 09f543559086d2c8aeb4cd358e8d5fc699a702d9 Mon Sep 17 00:00:00 2001
From: mcDandy <danda.martinek@gmail.com>
Date: Tue, 13 Oct 2026 14:10:07 +0200
Subject: [PATCH] AI Fix offset

---
 web/ScriptTextInput.js   |  0
 web/ScriptTextInput.vue  | 11 +++--------
 web/script_text_input.js | 10 ++++------
 3 files changed, 7 insertions(+), 14 deletions(-)
 create mode 100644 web/ScriptTextInput.js

diff --git a/web/ScriptTextInput.js b/web/ScriptTextInput.js
new file mode 100644
index 0000000..e69de29
diff --git a/web/ScriptTextInput.vue b/web/ScriptTextInput.vue
index 64ad134..9ba470a 100644
--- a/web/ScriptTextInput.vue
+++ b/web/ScriptTextInput.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="mrmth-editor"
+    class="mrmth-editor mrmth-editor-v2"
     data-mrmth-script-widget="vue"
     ref="wrapperRef"
     :style="editorStyle"
@@ -323,11 +323,8 @@ const refresh = () => {
 
     prevOffset.value = baselineDelta;
 
-    const halfLineCorrection = lhPx / 2;
-    const adjustedBaseline = baselineDelta - halfLineCorrection;
-
     // Apply translation to gutter
-    gutterContent.style.transform = `translateY(${adjustedBaseline - scrollTop.value}px)`;
+    gutterContent.style.transform = `translateY(${baselineDelta - scrollTop.value}px)`;
 
     const parent = wrapperRef.value?.parentElement;
     if (parent && parent.clientHeight > 0) {
@@ -356,9 +353,7 @@ const onScroll = () => {
   }
 
   if (gutterContent) {
-    const halfLineCorrection = (parseFloat(textareaStyles.value.lineHeight) || 17.4) / 2;
-    const adjustedBaseline = prevOffset.value - halfLineCorrection;
-    gutterContent.style.transform = `translateY(${adjustedBaseline - textarea.scrollTop}px)`;
+    gutterContent.style.transform = `translateY(${prevOffset.value - textarea.scrollTop}px)`;
   }
 };
 
diff --git a/web/script_text_input.js b/web/script_text_input.js
index 1279c73..00f2c77 100644
--- a/web/script_text_input.js
+++ b/web/script_text_input.js
@@ -383,7 +383,7 @@ if (!window.__mrmthScriptInputUnifiedInit) {
         if (!gutterFirstLine) baselineDelta = (firstMarker ? firstMarker.offsetTop : 0) + (measureProbe ? measureProbe.offsetTop : 0);
 
         // Clamp and smooth extreme jumps to avoid the gutter flying away on transient layout changes
-        const prevOffset = parseFloat(gutterContent.dataset.mrmthOffset || "0");
+        const prevOffset = parseFloat(gutterContent.dataset.mrmthBaselineDelta || "0");
         let stableCount = parseInt(gutterContent.dataset.mrmthStableCount || "0", 10) || 0;
         const locked = gutterContent.dataset.mrmthLocked === "1";
         const maxJumpPerFrame = 20; // px
@@ -444,13 +444,11 @@ if (!window.__mrmthScriptInputUnifiedInit) {
             });
         }
 
-        // Apply half-line correction: shift gutter up by half the line height so numbers align with text baseline
-        const parsedLHFinal = parseFloat(cs.lineHeight);
-        const lineHUsedFinal = Number.isFinite(parsedLHFinal) && parsedLHFinal > 0 ? parsedLHFinal : lineHeightPx;
-        const halfLineCorrection = lineHUsedFinal / 2;
-        const adjustedBaseline = baselineDelta - halfLineCorrection;
+        // The measured baseline delta already aligns the gutter with the text baseline.
+        const adjustedBaseline = baselineDelta;
 
         // Apply transform on next frame to avoid layout thrash
+        gutterContent.dataset.mrmthBaselineDelta = String(baselineDelta);
         gutterContent.dataset.mrmthOffset = String(adjustedBaseline);
         requestAnimationFrame(() => {
             gutterContent.style.transform = `translateY(${adjustedBaseline - textarea.scrollTop}px)`;