singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

optimize: scrolling experience

Browse Source
This commit is contained in:
cyhhao 2023-04-03 14:56:13 +08:00
parent 73f4ea38c6
commit a6890c0f58
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/chat.tsx
View File

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