From b6f7bcab8211c20b6d992853cc7590081a7acb0f Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Fri, 19 Jun 2026 18:55:42 +0200
Subject: [PATCH] fix(editor): pin line-height to integer px so the caret stays
 aligned
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A fractional line box (0.8rem × 1.6) is rounded differently by the
textarea than by the <pre> backdrop, so the caret drifted further from
its glyph the lower it sat — worst at the bottom of a tall file.
---
 src/components/PlanEditor.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/PlanEditor.vue b/src/components/PlanEditor.vue
index 613580e..21b846d 100644
--- a/src/components/PlanEditor.vue
+++ b/src/components/PlanEditor.vue
@@ -228,7 +228,11 @@ function syncScroll() {
   padding: 0.9rem 1rem;
   font-family: inherit; /* Fira Code, from the global theme */
   font-size: 0.8rem;
-  line-height: 1.6;
+  /* Integer px, NOT a unitless ratio: a fractional line box (0.8rem × 1.6 =
+     20.48px) is rounded differently by a <textarea> than by the <pre> backdrop,
+     so the caret drifts further from its glyph the more lines precede it —
+     visible at the bottom of a tall file. An integer height rounds identically. */
+  line-height: 20px;
   tab-size: 2;
   white-space: pre;
 }