AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-14 07:05:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: chat scroll (#2981)

Browse Source
This commit is contained in:
zxhlyh 2024-03-26 16:19:41 +08:00 committed by GitHub
parent 40dbf30784
commit 61f5de9662
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/components/base/chat/chat/index.tsx
View File

@ -9,7 +9,6 @@ import {
useRef, useRef,
} from 'react' } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useThrottleEffect } from 'ahooks'
import { debounce } from 'lodash-es' import { debounce } from 'lodash-es'
import type { import type {
ChatConfig, ChatConfig,
@ -92,10 +91,19 @@ const Chat: FC<ChatProps> = ({
chatFooterInnerRef.current.style.width = `${chatContainerInnerRef.current.clientWidth}px` chatFooterInnerRef.current.style.width = `${chatContainerInnerRef.current.clientWidth}px`
}, []) }, [])
useThrottleEffect(() => { useEffect(() => {
handleScrolltoBottom() handleScrolltoBottom()
handleWindowResize() handleWindowResize()
}, [chatList], { wait: 500 }) }, [handleScrolltoBottom, handleWindowResize])
useEffect(() => {
if (chatContainerRef.current) {
requestAnimationFrame(() => {
handleScrolltoBottom()
handleWindowResize()
})
}
})
useEffect(() => { useEffect(() => {
window.addEventListener('resize', debounce(handleWindowResize)) window.addEventListener('resize', debounce(handleWindowResize))