pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 12:21:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix virtualized list viewport modification

Browse Source
This commit is contained in:
Saoud Rizwan
2024-07-24 12:32:14 -04:00
parent 9c85a36b2c
commit 8058d261ba
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
webview-ui/src/components/ChatView.tsx
View File

@@ -310,11 +310,11 @@ const ChatView = ({ messages, isHidden, vscodeThemeName }: ChatViewProps) => {
// TODO: we can use isAtBottom to prevent scrolling if user is scrolled up, and show a 'scroll to bottom' button for better UX // TODO: we can use isAtBottom to prevent scrolling if user is scrolled up, and show a 'scroll to bottom' button for better UX
const lastMessage = modifiedMessages.at(-1) const lastMessage = modifiedMessages.at(-1)
if (lastMessage && shouldShowChatRow(lastMessage)) { if (lastMessage && shouldShowChatRow(lastMessage)) {
return "smooth" return "smooth" // NOTE: scroll to bottom may not work if you use margin, see virtuoso's troubleshooting
} }
return false return false
}} }}
increaseViewportBy={{ top: 0, bottom: Infinity }} // hack to make sure the last message is always rendered to get truly perfect scroll to bottom animation when new messages are added increaseViewportBy={{ top: 0, bottom: Number.MAX_SAFE_INTEGER }} // hack to make sure the last message is always rendered to get truly perfect scroll to bottom animation when new messages are added (Number.MAX_SAFE_INTEGER is safe for arithmetic operations, which is all virtuoso uses this value for in src/sizeRangeSystem.ts)
data={modifiedMessages} data={modifiedMessages}
itemContent={(index, message) => ( itemContent={(index, message) => (
<ChatRow key={message.ts} message={message} syntaxHighlighterStyle={syntaxHighlighterStyle} /> <ChatRow key={message.ts} message={message} syntaxHighlighterStyle={syntaxHighlighterStyle} />