nodes/mcDandy-more_math
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AI Fix offset

Browse Source
This commit is contained in:
mcDandy
2026-10-13 14:10:44 +02:00
parent 1ef9f4b074
commit 09f5435590
3 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/ScriptTextInput.js
View File
web/ScriptTextInput.vue
+3 -8
View File
@@ -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)`;
}
};
web/script_text_input.js
+4 -6
View File
@@ -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)`;