Browse Source

Merge pull request #3402 from josephrocca/patch-1

fix: scrollToBottom button container obstructing clicks on buttons beneath it
Timothy Jaeryang Baek 10 months ago
parent
commit
655ba475cc
1 changed files with 2 additions and 2 deletions
  1. 2 2
      src/lib/components/chat/MessageInput.svelte

+ 2 - 2
src/lib/components/chat/MessageInput.svelte

@@ -321,9 +321,9 @@
 		<div class="flex flex-col max-w-6xl px-2.5 md:px-6 w-full">
 		<div class="flex flex-col max-w-6xl px-2.5 md:px-6 w-full">
 			<div class="relative">
 			<div class="relative">
 				{#if autoScroll === false && messages.length > 0}
 				{#if autoScroll === false && messages.length > 0}
-					<div class=" absolute -top-12 left-0 right-0 flex justify-center z-30">
+					<div class=" absolute -top-12 left-0 right-0 flex justify-center z-30 pointer-events-none">
 						<button
 						<button
-							class=" bg-white border border-gray-100 dark:border-none dark:bg-white/20 p-1.5 rounded-full"
+							class=" bg-white border border-gray-100 dark:border-none dark:bg-white/20 p-1.5 rounded-full pointer-events-auto"
 							on:click={() => {
 							on:click={() => {
 								autoScroll = true;
 								autoScroll = true;
 								scrollToBottom();
 								scrollToBottom();