Feat [UI/UX] [Front End] [Chat] smooth scrolling

- [+] feat(chat.tsx): implement smooth scrolling behavior in chat component Note: This adding back smooth scrolling
H0llyW00dzZ · Feb 10, 2024 · f0eb177 · f0eb177
1 parent 9dba614
commit f0eb177
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -451,9 +451,10 @@ function useScrollToBottom() {
   function scrollDomToBottom() {
     const dom = scrollRef.current;
     if (dom) {
-      requestAnimationFrame(() => {
+      requestAnimationFrame(() => { // this stupid frame might conflict with smooth behavior
         setAutoScroll(isAutoScrollEnabled);
-        dom.scrollTo(0, dom.scrollHeight);
+        // Improve Use smooth scrolling behavior
+        dom.scrollTo({ top: dom.scrollHeight, behavior: 'smooth' });
       });
     }
   }