Simplify [UI/UX] [Chat] [Front End] scrollDomToBottom

- [+] refactor(chat.tsx): improve smooth scrolling behavior in useScrollToBottom function
ChatGPTNextWeb · Feb 7, 2024 · 2d7ae21 · 2d7ae21
1 parent bfefb99
commit 2d7ae21
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -383,10 +383,8 @@ function useScrollToBottom() {
   function scrollDomToBottom() {
     const dom = scrollRef.current;
     if (dom) {
-      requestAnimationFrame(() => {
-        setAutoScroll(true);
-        dom.scrollTo(0, dom.scrollHeight);
-      });
+      // Improve Use smooth scrolling behavior
+      dom.scrollTo({ top: dom.scrollHeight, behavior: 'smooth' });
     }
   }