From 9395104c20ee14ac3c8e5b7cdd552ccd28d490a5 Mon Sep 17 00:00:00 2001
From: CrescentLeaf <crescentleaf@noreply.codeberg.org>
Date: Thu, 25 Sep 2025 00:31:40 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E5=9C=A8=E5=8A=A0=E8=BC=89=E6=AD=B7?=
 =?UTF-8?q?=E5=8F=B2=E6=B6=88=E6=81=AF=E6=99=82=EF=BC=8C=E8=87=AA=E5=8B=95?=
 =?UTF-8?q?=E5=9B=9E=E5=88=B0=E5=8A=A0=E8=BC=89=E5=89=8D=E7=9A=84=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E4=BD=8D=E7=BD=AE=20*=20=E4=BD=BF=E7=94=A8=E5=A5=87?=
 =?UTF-8?q?=E6=8A=80=E6=B7=AB=E5=B7=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/ui/chat/ChatFragment.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/client/ui/chat/ChatFragment.tsx b/client/ui/chat/ChatFragment.tsx
index 9d36e1d..dfa281f 100644
--- a/client/ui/chat/ChatFragment.tsx
+++ b/client/ui/chat/ChatFragment.tsx
@@ -1,4 +1,5 @@
 import { Tab, TextField } from "mdui"
+import { $ } from "mdui/jq"
 import useEventListener from "../useEventListener.ts"
 import Element_Message from "./Message.tsx"
 import MessageContainer from "./MessageContainer.tsx"
@@ -86,7 +87,10 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
             setTimeout(() => setShowNoMoreMessagesTip(false), 1000)
             return
         }
+
+        const oldest = messagesList[0]
         setMessagesList(returnMsgs.concat(messagesList))
+        setTimeout(() => chatPanelRef.current!.scrollTo({ top: $(`#chat_${target}_message_${oldest.id}`).get(0).offsetTop, behavior: 'smooth' }), 100)
 
         page.current++
     }
@@ -245,6 +249,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
                             messagesList.map((msg) =>
                                 <Element_Message
                                     key={msg.id}
+                                    id={`chat_${target}_message_${msg.id}`}
                                     userId={msg.user_id}>
                                     <div dangerouslySetInnerHTML={{
                                         __html: DOMPurify.sanitize(markedInstance.parse(msg.text) as string, {