From 783e87c0c5fc1d718d3ad02fa3ddd77a7abcca60 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Wed, 12 Aug 2026 03:06:20 -0400
Subject: [PATCH] fix: dock the thread reply input below the scroll area
 instead of inside it (#27768)

---
 src/lib/components/channel/Thread.svelte | 38 ++++++++++++------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/lib/components/channel/Thread.svelte b/src/lib/components/channel/Thread.svelte
index 2323a95992..9026d0d84c 100644
--- a/src/lib/components/channel/Thread.svelte
+++ b/src/lib/components/channel/Thread.svelte
@@ -188,7 +188,7 @@
 			</div>
 		</div>
 
-		<div class=" max-h-full w-full overflow-y-auto" bind:this={messagesContainerElement}>
+		<div class="flex-1 min-h-0 w-full overflow-y-auto" bind:this={messagesContainerElement}>
 			{#if messages !== null}
 				<Messages
 					id={threadId}
@@ -225,25 +225,25 @@
 					<Spinner />
 				</div>
 			{/if}
+		</div>
 
-			<div class=" pb-[1rem] px-2.5 w-full">
-				<MessageInput
-					bind:replyToMessage
-					bind:chatInputElement
-					id={threadId}
-					{channel}
-					disabled={!channel?.write_access}
-					placeholder={!channel?.write_access
-						? $i18n.t('You do not have permission to send messages in this thread.')
-						: $i18n.t('Reply to thread...')}
-					typingUsersClassName="from-gray-50 dark:from-gray-850"
-					{typingUsers}
-					userSuggestions={true}
-					channelSuggestions={true}
-					{onChange}
-					onSubmit={submitHandler}
-				/>
-			</div>
+		<div class=" pb-[1rem] px-2.5 w-full">
+			<MessageInput
+				bind:replyToMessage
+				bind:chatInputElement
+				id={threadId}
+				{channel}
+				disabled={!channel?.write_access}
+				placeholder={!channel?.write_access
+					? $i18n.t('You do not have permission to send messages in this thread.')
+					: $i18n.t('Reply to thread...')}
+				typingUsersClassName="from-gray-50 dark:from-gray-850"
+				{typingUsers}
+				userSuggestions={true}
+				channelSuggestions={true}
+				{onChange}
+				onSubmit={submitHandler}
+			/>
 		</div>
 	</div>
 {/if}