From a7646481a4e6f8936318b14268a375fd365f0b08 Mon Sep 17 00:00:00 2001 From: hobokenchicken Date: Thu, 9 Jul 2026 15:55:00 -0400 Subject: [PATCH] fix(ui): textarea auto-expands instead of scrolling --- web/src/components/MessageInput.tsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/web/src/components/MessageInput.tsx b/web/src/components/MessageInput.tsx index 79781fe..cabc460 100644 --- a/web/src/components/MessageInput.tsx +++ b/web/src/components/MessageInput.tsx @@ -546,7 +546,12 @@ export const MessageInput = forwardRef(f placeholder={isDragOver ? "Drop file here..." : placeholder} rows={1} disabled={disabled} - className={`w-full bg-transparent outline-none border-none resize-none overflow-y-auto max-h-32 text-[14px] leading-snug py-1 font-mono ${isDragOver ? "bg-gb-bg-t" : ""}`} + className={`w-full bg-transparent outline-none border-none resize-none overflow-hidden text-[14px] leading-snug py-1 font-mono ${isDragOver ? "bg-gb-bg-t" : ""}`} + onInput={(e) => { + const el = e.currentTarget; + el.style.height = 'auto'; + el.style.height = el.scrollHeight + 'px'; + }} /> ) : (
(f } }} data-placeholder={isDragOver ? "Drop file here..." : placeholder} - className={`w-full outline-none resize-none overflow-y-auto max-h-32 text-[14px] leading-snug py-1 font-mono + className={`w-full outline-none resize-none overflow-hidden text-[14px] leading-snug py-1 font-mono before:content-[attr(data-placeholder)] before:text-gb-fg-f before:opacity-60 empty:before:block before:hidden ${isDragOver ? "bg-gb-bg-t" : ""}