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

fix: distinguish PC/Mobile behavior on auto-scroll

Browse Source 
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.
This commit is contained in:
xiaotianxt 2023-04-06 20:38:10 +08:00
parent 85bf4ac077
commit dd20c36a55
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/components/chat.tsx
View File

@ -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);