From 45bb65d9d1419cfb9a529b5da3c986ce429d7281 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sun, 7 Jun 2026 11:53:36 -0400
Subject: [PATCH] Normal caret height when rhythm is off

Line-height returns to 1.9 by default; the roomy 2.35 line box (and
its tall caret) only applies while the rhythm dots need the space.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 static/index.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/static/index.html b/static/index.html
index 52f266c..a43c61f 100644
--- a/static/index.html
+++ b/static/index.html
@@ -98,13 +98,16 @@
     margin: 0; border: 0;
     padding: 22px 24px;
     font: inherit;
-    line-height: 2.35;
+    line-height: 1.9;
     white-space: pre-wrap;
     word-wrap: break-word;
     overflow-y: auto;
     letter-spacing: 0;
     tab-size: 4;
   }
+  .editor-shell.rhythm #highlight,
+  .editor-shell.rhythm #stresslayer,
+  .editor-shell.rhythm #editor { line-height: 2.35; }
   #highlight {
     pointer-events: none;
     color: transparent;
@@ -347,7 +350,10 @@ const highlight = document.getElementById('highlight');
 const stresslayer = document.getElementById('stresslayer');
 const stressToggle = document.getElementById('stressToggle');
 stressToggle.checked = false;
-stressToggle.addEventListener('change', render);
+stressToggle.addEventListener('change', ()=>{
+  document.querySelector('.editor-shell').classList.toggle('rhythm', stressToggle.checked);
+  render();
+});
 const allitToggle = document.getElementById('allitToggle');
 allitToggle.checked = false;
 allitToggle.addEventListener('change', render);