autoscroll only if not already scrolled up by a 200px margin (#1574)

keldaanCommunity · Mar 15, 2024 · ef717ea · ef717ea
1 parent 8c6b521
commit ef717ea
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/app/public/src/pages/component/chat/chat-history.tsx b/app/public/src/pages/component/chat/chat-history.tsx
@@ -15,7 +15,13 @@ export default function ChatHistory(props: { source: string }) {
   const domRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
-    if (messages.length > 0 && domRef && domRef.current) {
+    if (
+      messages.length > 0 &&
+      domRef &&
+      domRef.current &&
+      domRef.current.scrollTop + domRef.current.clientHeight >=
+        domRef.current.scrollHeight - 200 // autoscroll only if not already scrolled up by a 200px margin
+    ) {
       domRef.current.scrollTop = domRef.current.scrollHeight
     }
   }, [messages.length])