From 324a0a717da3219282ae068ac9e907489936214b Mon Sep 17 00:00:00 2001
From: XinTaoFei <itpkcn@gmail.com>
Date: Mon, 16 Mar 2026 21:30:47 +0800
Subject: [PATCH] Revert "fix(chat): prevent textarea scroll content under
 bottom toolbar"

---
 src/components/chat/message-input.tsx | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/components/chat/message-input.tsx b/src/components/chat/message-input.tsx
index 431d998..a2104a5 100644
--- a/src/components/chat/message-input.tsx
+++ b/src/components/chat/message-input.tsx
@@ -1115,7 +1115,7 @@ export function MessageInput({
         : hasResourceAttachments
           ? "pt-10"
           : "pt-3"
-  const bottomPaddingClass = "pb-14"
+  const bottomPaddingClass = "pb-10"
   const showDragActive = isDragActive && !disabled
 
   const selectorItems = (
@@ -1239,14 +1239,7 @@ export function MessageInput({
           {t("dropFilesToAttach")}
         </div>
       )}
-      <div
-        className={cn(
-          "pointer-events-none absolute left-px right-12 bottom-px z-10 rounded-bl-xl bg-background",
-          "h-14"
-        )}
-        aria-hidden="true"
-      />
-      <div className="@container absolute left-2 right-24 bottom-2 z-20">
+      <div className="@container absolute left-2 right-24 bottom-2">
         <div className="flex items-center gap-1">
           <Button
             onClick={handlePickFiles}
@@ -1283,7 +1276,7 @@ export function MessageInput({
         </div>
       </div>
       {isEditingQueueItem ? (
-        <div className="absolute right-2 bottom-2 z-20 flex items-center gap-1">
+        <div className="absolute right-2 bottom-2 flex items-center gap-1">
           <Button
             onClick={onCancelQueueEdit}
             variant="ghost"
@@ -1303,7 +1296,7 @@ export function MessageInput({
           </Button>
         </div>
       ) : isPrompting && onCancel ? (
-        <div className="absolute right-2 bottom-2 z-20 flex items-center gap-1">
+        <div className="absolute right-2 bottom-2 flex items-center gap-1">
           <Button
             onClick={handleSend}
             disabled={!hasSendableContent}
@@ -1358,7 +1351,7 @@ export function MessageInput({
           onClick={handleSend}
           disabled={disabled || !hasSendableContent}
           size="icon"
-          className="absolute right-2 bottom-2 z-20"
+          className="absolute right-2 bottom-2"
           title={t("send")}
         >
           <Send className="h-4 w-4" />