Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: scroll to bottom issue (#4289)

Browse Source
This commit is contained in:
Faisal Amir 2024-12-19 11:35:00 +08:00 committed by GitHub
parent d12408cd83
commit 8663a7e4bf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
View File

@ -57,9 +57,10 @@ const ChatBody = memo(
loadModelError?: string
}) => {
// The scrollable element for your list
const parentRef = useRef(null)
const parentRef = useRef<HTMLDivElement>(null)
const prevScrollTop = useRef(0)
const isUserManuallyScrollingUp = useRef(false)
const currentThread = useAtomValue(activeThreadAtom)
const count = useMemo(
() => (messages?.length ?? 0) + (loadModelError ? 1 : 0),
@ -73,20 +74,18 @@ const ChatBody = memo(
estimateSize: () => 35,
overscan: 5,
})
useEffect(() => {
if (isUserManuallyScrollingUp.current === true || !parentRef.current)
return
if (count > 0 && messages && virtualizer) {
virtualizer.scrollToIndex(count - 1)
useEffect(() => {
// Delay the scroll until the DOM is updated
if (parentRef.current) {
requestAnimationFrame(() => {
if (parentRef.current) {
parentRef.current.scrollTo({ top: parentRef.current.scrollHeight })
virtualizer.scrollToIndex(count - 1)
}
})
}
}, [
count,
virtualizer,
messages,
loadModelError,
isUserManuallyScrollingUp,
])
}, [count, currentThread?.id, virtualizer])
const items = virtualizer.getVirtualItems()