Browse Source

fix: distinguish PC/Mobile behavior on auto-scroll

The chat list should be set to auto-scroll on mobile screen when the
input textarea is focused. It should not behave like that on PC screen
because user may want to refer to previous content.
xiaotianxt 1 year ago
parent
commit
dd20c36a55
1 changed files with 2 additions and 1 deletions
  1. 2 1
      app/components/chat.tsx

+ 2 - 1
app/components/chat.tsx

@@ -421,6 +421,7 @@ export function Chat(props: {
   // check if should send message
   const onInputKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
     if (shouldSubmit(e)) {
+      setAutoScroll(true);
       onUserSubmit();
       e.preventDefault();
     }
@@ -667,7 +668,7 @@ export function Chat(props: {
             onInput={(e) => onInput(e.currentTarget.value)}
             value={userInput}
             onKeyDown={onInputKeyDown}
-            onFocus={() => setAutoScroll(true)}
+            onFocus={() => setAutoScroll(isMobileScreen())}
             onBlur={() => {
               setAutoScroll(false);
               setTimeout(() => setPromptHints([]), 500);