Shiloh/remnantchat
Shiloh/remnantchat
1
0
Fork 1
Code Issues Pull Requests Packages Projects 4 Releases Wiki Activity

fix: make auto scroll work with images

Browse Source
This commit is contained in:
Jeremy Kahn 2023-03-15 10:08:08 -05:00 committed by Jeremy Kahn
parent 7ba62c030b
commit 3481379732
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ChatTranscript/ChatTranscript.tsx
View File

@ -30,8 +30,12 @@ export const ChatTranscript = ({
const lastChild = children[children.length - 1] const lastChild = children[children.length - 1]
const lastChildHeight = lastChild.clientHeight const lastChildHeight = lastChild.clientHeight
const previousScrollTopMax = scrollTopMax - lastChildHeight const previousScrollTopMax = scrollTopMax - lastChildHeight
// Accounts for rounding errors in layout calculations
const marginBuffer = 1
const wasPreviouslyScrolledToBottom = const wasPreviouslyScrolledToBottom =
Math.ceil(scrollTop) >= Math.ceil(previousScrollTopMax) Math.ceil(scrollTop) >= Math.ceil(previousScrollTopMax) - marginBuffer
const wasMessageLogPreviouslyEmpty = previousMessageLogLength === 0 const wasMessageLogPreviouslyEmpty = previousMessageLogLength === 0
const shouldScrollToLatestMessage = const shouldScrollToLatestMessage =
wasPreviouslyScrolledToBottom || wasMessageLogPreviouslyEmpty wasPreviouslyScrolledToBottom || wasMessageLogPreviouslyEmpty