From 16bbbab71a41c557fccdcefcac57d45e2e24ba0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Wed, 18 Feb 2026 17:04:23 -0500
Subject: [PATCH] hide until positioned

---
 src/views/partials/chats/message-window.tpl | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/partials/chats/message-window.tpl b/src/views/partials/chats/message-window.tpl
index 71f6f10446..7eab83569b 100644
--- a/src/views/partials/chats/message-window.tpl
+++ b/src/views/partials/chats/message-window.tpl
@@ -24,13 +24,16 @@
 	<hr class="my-1"/>
 	<div class="d-flex flex-grow-1 gap-1 overflow-auto" style="min-width: 0px;">
 		<div component="chat/messages" class="expanded-chat d-flex flex-column flex-grow-1" data-roomid="{roomId}" style="min-width: 0px;">
-			<ul component="chat/message/content" data-roomid="{roomId}" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 ghost-scrollbar">
+			<ul component="chat/message/content" data-roomid="{roomId}" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 ghost-scrollbar invisible">
 				<!-- IMPORT partials/chats/messages.tpl -->
 			</ul>
 			<script>
 				(function () {
 					const el = document.querySelector('[component="chat/message/content"]');
-					if (el) el.scrollTop = el.scrollHeight;
+					if (el) {
+						el.scrollTop = el.scrollHeight;
+						el.classList.remove('invisible');
+					}
 				})();
 			</script>
 			<ul component="chat/message/search/results" class="chat-content p-0 m-0 list-unstyled overflow-auto flex-grow-1 hidden">