From 3e45a416175f38a221a1ca43408ac7db56ae1f45 Mon Sep 17 00:00:00 2001
From: pablodanswer <pablo@danswer.ai>
Date: Sun, 30 Jun 2024 12:58:57 -0700
Subject: [PATCH] Bugfix/scroll (#1748)

---
 web/src/app/chat/ChatPage.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/web/src/app/chat/ChatPage.tsx b/web/src/app/chat/ChatPage.tsx
index 765f7e26a..54def1e88 100644
--- a/web/src/app/chat/ChatPage.tsx
+++ b/web/src/app/chat/ChatPage.tsx
@@ -1508,8 +1508,22 @@ export function ChatPage({
                       </div>
                     </div>
 
-                    <div className="absolute bottom-0 z-10 w-full">
-                      <div className="w-full pb-4">
+                    <div
+                      ref={inputRef}
+                      className="absolute bottom-0 z-10 w-full"
+                    >
+                      <div className="w-full relative pb-4">
+                        {aboveHorizon && (
+                          <div className="pointer-events-none w-full bg-transparent flex sticky justify-center">
+                            <button
+                              onClick={() => clientScrollToBottom(true)}
+                              className="p-1 pointer-events-auto rounded-2xl bg-background-strong border border-border mb-2 mx-auto "
+                            >
+                              <FiArrowDown size={18} />
+                            </button>
+                          </div>
+                        )}
+
                         <ChatInputBar
                           onSetSelectedAssistant={(
                             alternativeAssistant: Persona | null