Projets/ObsiGate
1
1
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases 20 Wiki Activity

fix: textarea fills full editor height when content is short
CI / lint (push) Successful in 15s
Details
CI / security (push) Successful in 11s
Details
CI / test (push) Successful in 26s
Details
CI / build (push) Successful in 3s
Details

Browse Source 
autoHeight() now uses Math.max(contentH, wrapH-48) so textarea fills available space even with short content, and grows beyond when content is long.
This commit is contained in:
bruno
2026-06-06 00:27:17 -04:00
parent ac9382d12e
commit 12eaa9f659
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/editor-poc.html
+5 -2
View File
@@ -1063,10 +1063,13 @@ body { font-family: var(--sans); background: var(--bg); color: var(--text); heig
autoHeight(); autoHeight();
}); });
// ---- Auto-height textarea ---- // ---- Auto-height textarea (fill available space, grow beyond) ----
function autoHeight() { function autoHeight() {
ta.style.height = 'auto'; 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); }); ta.addEventListener('mouseup', function() { setTimeout(showBubble, 50); });
// Bubble follows cursor on any selection change (keyboard too) // Bubble follows cursor on any selection change (keyboard too)