From 12eaa9f659b34476743678a67b3d5f266afff506 Mon Sep 17 00:00:00 2001 From: Bruno Charest Date: Sat, 6 Jun 2026 00:27:17 -0400 Subject: [PATCH] fix: textarea fills full editor height when content is short autoHeight() now uses Math.max(contentH, wrapH-48) so textarea fills available space even with short content, and grows beyond when content is long. --- frontend/editor-poc.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/frontend/editor-poc.html b/frontend/editor-poc.html index 13d17dd..bcdbcbb 100644 --- a/frontend/editor-poc.html +++ b/frontend/editor-poc.html @@ -1063,10 +1063,13 @@ body { font-family: var(--sans); background: var(--bg); color: var(--text); heig autoHeight(); }); - // ---- Auto-height textarea ---- + // ---- Auto-height textarea (fill available space, grow beyond) ---- function autoHeight() { ta.style.height = 'auto'; - ta.style.height = ta.scrollHeight + 'px'; + var contentH = ta.scrollHeight; + // Minimum: fill the editor-wrap's visible area minus padding + var wrapH = editorWrap.clientHeight - 48; + ta.style.height = Math.max(contentH, wrapH) + 'px'; } ta.addEventListener('mouseup', function() { setTimeout(showBubble, 50); }); // Bubble follows cursor on any selection change (keyboard too)