fix: remove scroll anchor height

This commit is contained in:
Yifei Zhang 2023-04-01 15:39:30 +08:00 committed by GitHub
parent e6b64b0f2c
commit 45bf2c3d25
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -108,7 +108,7 @@ export function ChatList() {
state.currentSessionIndex, state.currentSessionIndex,
state.selectSession, state.selectSession,
state.removeSession, state.removeSession,
], ]
); );
return ( return (
@ -202,7 +202,7 @@ export function Chat(props: {
setPromptHints(promptStore.search(text)); setPromptHints(promptStore.search(text));
}, },
100, 100,
{ leading: true, trailing: true }, { leading: true, trailing: true }
); );
const onPromptSelect = (prompt: Prompt) => { const onPromptSelect = (prompt: Prompt) => {
@ -216,7 +216,7 @@ export function Chat(props: {
if (!dom) return; if (!dom) return;
const paddingBottomNum: number = parseInt( const paddingBottomNum: number = parseInt(
window.getComputedStyle(dom).paddingBottom, window.getComputedStyle(dom).paddingBottom,
10, 10
); );
dom.scrollTop = dom.scrollHeight - dom.offsetHeight + paddingBottomNum; dom.scrollTop = dom.scrollHeight - dom.offsetHeight + paddingBottomNum;
}; };
@ -304,7 +304,7 @@ export function Chat(props: {
preview: true, preview: true,
}, },
] ]
: [], : []
) )
.concat( .concat(
userInput.length > 0 userInput.length > 0
@ -316,7 +316,7 @@ export function Chat(props: {
preview: true, preview: true,
}, },
] ]
: [], : []
); );
// auto scroll // auto scroll
@ -354,7 +354,7 @@ export function Chat(props: {
const newTopic = prompt(Locale.Chat.Rename, session.topic); const newTopic = prompt(Locale.Chat.Rename, session.topic);
if (newTopic && newTopic !== session.topic) { if (newTopic && newTopic !== session.topic) {
chatStore.updateCurrentSession( chatStore.updateCurrentSession(
(session) => (session.topic = newTopic!), (session) => (session.topic = newTopic!)
); );
} }
}} }}
@ -470,7 +470,7 @@ export function Chat(props: {
</div> </div>
); );
})} })}
<div ref={latestMessageRef} style={{ opacity: 0, height: "4em" }}> <div ref={latestMessageRef} style={{ opacity: 0, height: "1px" }}>
- -
</div> </div>
</div> </div>
@ -600,7 +600,7 @@ export function Home() {
state.newSession, state.newSession,
state.currentSessionIndex, state.currentSessionIndex,
state.removeSession, state.removeSession,
], ]
); );
const loading = !useHasHydrated(); const loading = !useHasHydrated();
const [showSideBar, setShowSideBar] = useState(true); const [showSideBar, setShowSideBar] = useState(true);