fix: mobile textarea autofocus ui error

This commit is contained in:
iSource 2023-03-29 14:52:48 +08:00
parent 780968979d
commit 0c665c0214

View File

@ -146,7 +146,7 @@ function useSubmitHandler() {
}; };
} }
export function Chat(props: { showSideBar?: () => void }) { export function Chat(props: { showSideBar?: () => void, sideBarShowing?: boolean }) {
type RenderMessage = Message & { preview?: boolean }; type RenderMessage = Message & { preview?: boolean };
const [session, sessionIndex] = useChatStore((state) => [ const [session, sessionIndex] = useChatStore((state) => [
@ -384,7 +384,7 @@ export function Chat(props: { showSideBar?: () => void }) {
onKeyDown={(e) => onInputKeyDown(e as any)} onKeyDown={(e) => onInputKeyDown(e as any)}
onFocus={() => setAutoScroll(true)} onFocus={() => setAutoScroll(true)}
onBlur={() => setAutoScroll(false)} onBlur={() => setAutoScroll(false)}
autoFocus autoFocus={!props?.sideBarShowing}
/> />
<IconButton <IconButton
icon={<SendWhiteIcon />} icon={<SendWhiteIcon />}
@ -584,7 +584,7 @@ export function Home() {
}} }}
/> />
) : ( ) : (
<Chat key="chat" showSideBar={() => setShowSideBar(true)} /> <Chat key="chat" showSideBar={() => setShowSideBar(true)} sideBarShowing={showSideBar}/>
)} )}
</div> </div>
</div> </div>