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}
/>