refactor: new scroll logic by last user msg

memori-ai · Dec 24, 2024 · bc469d3 · bc469d3
1 parent 85ed96c
commit bc469d3
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
@@ -131,12 +131,10 @@ const Chat: React.FC<Props> = ({
 }) => {
   const scrollToBottom = () => {
     setTimeout(() => {
-      document
-        .querySelector('.memori-chat--content')
-        ?.scrollTo(
-          0,
-          document.querySelector('.memori-chat--content')?.scrollHeight ?? 0
-        );
+      let userMsgs = document.querySelectorAll(
+        '.memori-chat--bubble-container.memori-chat--bubble-from-user'
+      );
+      userMsgs[userMsgs.length - 1].scrollIntoView();
     }, 200);
   };
   useEffect(() => {