refactor: Add ref to messages container in MessageList for improved scrolling behavior

experdot · experdot · commit ecca34880ece · 2025-08-15T13:44:27.000+08:00
diff --git a/src/renderer/src/components/pages/chat/MessageList.tsx b/src/renderer/src/components/pages/chat/MessageList.tsx
@@ -189,7 +189,7 @@ const MessageList = React.memo(function MessageList({
 
   if (!messages || (messages?.length === 0 && !streamingContent)) {
     return (
-      <div className="messages-container">
+      <div className="messages-container" ref={messagesContainerRef}>
         <WelcomeMessage onOpenSettings={onOpenSettings} />
       </div>
     )

Original file line number	Diff line number	Diff line change
`@@ -189,7 +189,7 @@ const MessageList = React.memo(function MessageList({`
`189`	`189`
`190`	`190`	`if (!messages \|\| (messages?.length === 0 && !streamingContent)) {`
`191`	`191`	`return (`
`192`		`- <div className="messages-container">`
	`192`	`+ <div className="messages-container" ref={messagesContainerRef}>`
`193`	`193`	`<WelcomeMessage onOpenSettings={onOpenSettings} />`
`194`	`194`	`</div>`
`195`	`195`	`)`