Develop (Merge): Fix Auto-Scrolling Issue in Chat Layout

Fix Auto-Scrolling Issue in Chat Layout
ktutak1337 · Jul 28, 2024 · 7f57105 · 7f57105
2 parents 25d7579 + dd4dfa7
commit 7f57105
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/Client/StellarChat.Client.Web/Pages/Home.razor b/src/Client/StellarChat.Client.Web/Pages/Home.razor
@@ -15,9 +15,9 @@
 
 <PageTitle>Home</PageTitle>
 
-<div class="d-flex flex-column" style="height: 100vh">
+<div @ref="ChatMessagesDiv" class="d-flex flex-column overflow-auto flex-grow-1" style="height: 100vh">
     <div class="d-flex flex-column flex-grow-1 mt-4 @(_chatState.IsFullWidthText ? "mx-5 flex-grow-1" : "mx-auto")" style="@(_chatState.IsFullWidthText ? "" : "max-width: 960px; width: 100%;")">
-        <div @ref="ChatMessagesDiv" id="chat-messages" class="overflow-auto flex-grow-1">
+        <div id="chat-messages" class="overflow-auto flex-grow-1">
             @if (_chatState.ChatId == Guid.Empty)
             {
                 <div class="d-flex justify-center align-center h-100">