open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Scroll with updated height

Browse Source
This commit is contained in:
Ian Philips 2022-08-03 15:34:59 -06:00
parent e6ace54adb
commit fa03df0f9b
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/groups/group-chat.tsx
View File

@ -73,9 +73,10 @@ export function GroupChat(props: {
}, [scrollToMessageRef]) }, [scrollToMessageRef])
useEffect(() => { useEffect(() => {
if (!isSubmitting) if (scrollToBottomRef)
scrollToBottomRef?.scrollTo({ top: scrollToBottomRef?.scrollHeight || 0 }) scrollToBottomRef.scrollTo({ top: scrollToBottomRef.scrollHeight || 0 })
}, [scrollToBottomRef, isSubmitting]) // Must also listen to groupedMessages as they update the height of the messaging window
}, [scrollToBottomRef, groupedMessages])
useEffect(() => { useEffect(() => {
const elementInUrl = router.asPath.split('#')[1] const elementInUrl = router.asPath.split('#')[1]