From 8a74bdce378062015575f74cdc1db203c41e9ba3 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 28 May 2025 15:36:04 +0400
Subject: [PATCH] fix: message input issue

---
 .../chat/Messages/ResponseMessage.svelte      | 20 +++++++------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index 59a426102..d032e1a3e 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -582,14 +582,6 @@
 			});
 		}
 	});
-
-	let screenReaderDiv: HTMLDivElement;
-
-	$: if (message.done) {
-		if (screenReaderDiv) {
-			screenReaderDiv.textContent = message.content;
-		}
-	}
 </script>
 
 <DeleteConfirmDialog
@@ -600,10 +592,6 @@
 	}}
 />
 
-<div bind:this={screenReaderDiv} aria-live="polite" class="sr-only">
-	{message.done ? message.content : ''}
-</div>
-
 {#key message.id}
 	<div
 		class=" flex w-full message-{message.id}"
@@ -618,7 +606,7 @@
 			/>
 		</div>
 
-		<div class="flex-auto w-0 pl-1">
+		<div class="flex-auto w-0 pl-1 relative">
 			<Name>
 				<Tooltip content={model?.name ?? message.model} placement="top-start">
 					<span class="line-clamp-1 text-black dark:text-white">
@@ -1439,6 +1427,12 @@
 					{/if}
 				{/if}
 			</div>
+
+			{#if message?.done}
+				<div aria-live="polite" class="sr-only">
+					{message?.content ?? ''}
+				</div>
+			{/if}
 		</div>
 	</div>
 {/key}