From a6890c0f58c5f9895fdcfa74763f5f205071e43e Mon Sep 17 00:00:00 2001
From: cyhhao <cyh@zhusun.in>
Date: Mon, 3 Apr 2023 14:56:13 +0800
Subject: [PATCH] optimize: scrolling experience

---
 app/components/chat.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 70afa319..34cef0b6 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -377,7 +377,8 @@ export function Chat(props: {
     chatStore.onUserInput(userInput).then(() => setIsLoading(false));
     setUserInput("");
     setPromptHints([]);
-    inputRef.current?.focus();
+    if (!isMobileScreen()) inputRef.current?.focus();
+    setAutoScroll(true);
   };
 
   // stop response
@@ -533,8 +534,11 @@ export function Chat(props: {
         className={styles["chat-body"]}
         ref={scrollRef}
         onScroll={(e) => onChatBodyScroll(e.currentTarget)}
-        onMouseOver={() => inputRef.current?.blur()}
-        onTouchStart={() => inputRef.current?.blur()}
+        onWheel={() => setAutoScroll(false)}
+        onTouchStart={() => {
+          inputRef.current?.blur();
+          setAutoScroll(false);
+        }}
       >
         {messages.map((message, i) => {
           const isUser = message.role === "user";