fix(ui): scroll to bottom when a request is sent

TabbyML · May 23, 2024 · bf681ae · bf681ae
1 parent 62498be
commit bf681ae
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/ee/tabby-ui/components/chat/chat.tsx b/ee/tabby-ui/components/chat/chat.tsx
@@ -228,6 +228,23 @@ function ChatRenderer(
     })
   }, [answer, isLoading])
 
+  React.useLayoutEffect(() => {
+    // scroll to bottom when a request is sent
+    if (isLoading) {
+      if (container) {
+        container.scrollTo({
+          top: container.scrollHeight,
+          behavior: 'smooth'
+        })
+      } else {
+        window.scrollTo({
+          top: document.body.offsetHeight,
+          behavior: 'smooth'
+        })
+      }
+    }
+  }, [isLoading])
+
   React.useEffect(() => {
     if (error && qaPairs?.length) {
       setQaPairs(prev => {