adai/MemoryBear
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): chat content scroll

Browse Source
This commit is contained in:
zhaoying
2026-03-19 10:51:33 +08:00
parent 91589c1497
commit b42815ee7a
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/Chat/ChatContent.tsx
View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing * @Author: ZhaoYing
* @Date: 2025-12-10 16:46:17 * @Date: 2025-12-10 16:46:17
* @Last Modified by: ZhaoYing * @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-19 10:35:21 * @Last Modified time: 2026-03-19 10:37:01
*/ */
import { type FC, useRef, useEffect, useState } from 'react' import { type FC, useRef, useEffect, useState } from 'react'
import clsx from 'clsx' import clsx from 'clsx'
@@ -59,8 +59,8 @@ const ChatContent: FC<ChatContentProps> = ({
const handleScroll = () => { const handleScroll = () => {
if (scrollContainerRef.current) { if (scrollContainerRef.current) {
const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current; const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
// Consider user is at bottom if within 20px of the bottom // Consider user is at bottom if within 100px of the bottom
isScrolledToBottomRef.current = scrollHeight - scrollTop - clientHeight < 20; isScrolledToBottomRef.current = scrollHeight - scrollTop - clientHeight < 100;
} }
}; };
@@ -88,6 +88,7 @@ const ChatContent: FC<ChatContentProps> = ({
// Auto-scroll if data length changed OR user is currently at bottom // Auto-scroll if data length changed OR user is currently at bottom
if (data.length !== prevDataLengthRef.current || isScrolledToBottomRef.current) { if (data.length !== prevDataLengthRef.current || isScrolledToBottomRef.current) {
scrollContainerRef.current.scrollTop = scrollContainerRef.current.scrollHeight; scrollContainerRef.current.scrollTop = scrollContainerRef.current.scrollHeight;
isScrolledToBottomRef.current = true;
} }
prevDataLengthRef.current = data.length; prevDataLengthRef.current = data.length;
} }

2
web/src/components/Markdown/index.tsx
View File

@@ -136,7 +136,7 @@ const RbMarkdown: FC<RbMarkdownProps> = ({
/** Sync edit content when external content changes */ /** Sync edit content when external content changes */
useEffect(() => { useEffect(() => {
setEditContent(content) setEditContent(prev => prev !== content ? content : prev)
}, [content]) }, [content])
/** Handle textarea content changes and trigger callback */ /** Handle textarea content changes and trigger callback */