g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve scroll handling and robustness for chat UI
All checks were successful
Build Frontend / build (push) Successful in 1m15s
Details

Browse Source 
Added 'overscroll-behavior: contain' to body and Chromebook scroll containers to prevent unwanted scroll chaining. Updated scrollToBottom utilities to handle null/undefined containers and errors gracefully. Fixed ChatDetail to use the correct scroll handler function.
This commit is contained in:
g
2026-01-14 06:06:03 +00:00
parent 5e8ba7bd0a
commit 5de8f80007
5 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/dashboard/ChatDetail.tsx
View File

@@ -347,7 +347,7 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
// If near bottom, scroll to new messages
if (isNearBottom()) {
setTimeout(scrollToBottom, 50);
setTimeout(scrollToBottomHandler, 50);
}
// Set timeout to mark new messages as read
@@ -447,7 +447,7 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
setMessages(prev => [...prev, tempMessage]);
// Scroll to bottom to show the new message
setTimeout(scrollToBottom, 50);
setTimeout(scrollToBottomHandler, 50);
try {
setSending(true);
@@ -844,5 +844,5 @@ export default function ChatDetail({ chatId }: { chatId: string }) {
/>
</div>
);
}
}