diff --git a/app/components/chat.tsx b/app/components/chat.tsx index 3864a329..f13ba6e7 100644 --- a/app/components/chat.tsx +++ b/app/components/chat.tsx @@ -461,8 +461,9 @@ export function Chat(props: { // Auto focus useEffect(() => { + if (props.sideBarShowing) return; inputRef.current?.focus(); - }, []); + }, [props.sideBarShowing]); return (
@@ -530,7 +531,6 @@ export function Chat(props: { className={styles["chat-body"]} ref={scrollRef} onScroll={(e) => onChatBodyScroll(e.currentTarget)} - onMouseOver={() => inputRef.current?.blur()} onTouchStart={() => inputRef.current?.blur()} > {messages.map((message, i) => { @@ -592,6 +592,7 @@ export function Chat(props: { if (!isMobileScreen()) return; setUserInput(message.content); }} + onMouseOver={() => inputRef.current?.blur()} >
@@ -626,6 +627,9 @@ export function Chat(props: { setAutoScroll(false); setTimeout(() => setPromptHints([]), 500); }} + onMouseOver={() => { + inputRef.current?.focus(); + }} autoFocus={!props?.sideBarShowing} />