From f252323b04f3afa8e26cbcc4c6820aa8b7ecb23f Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Sat, 19 Oct 2024 16:09:43 +0300
Subject: [PATCH] web/composer: don't autofocus on mobile

---
 web/src/ui/MessageComposer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/ui/MessageComposer.tsx b/web/src/ui/MessageComposer.tsx
index 986a333..c6df7ca 100644
--- a/web/src/ui/MessageComposer.tsx
+++ b/web/src/ui/MessageComposer.tsx
@@ -38,6 +38,8 @@ interface ComposerState {
 	uninited?: boolean
 }
 
+const isMobileDevice = window.ontouchstart !== undefined && window.innerWidth < 800
+
 const emptyComposer: ComposerState = { text: "", media: null, replyTo: null }
 const uninitedComposer: ComposerState = { ...emptyComposer, uninited: true }
 const composerReducer = (state: ComposerState, action: Partial<ComposerState>) =>
@@ -185,7 +187,7 @@ const MessageComposer = ({ room, scrollToBottomRef, setReplyToRef }: MessageComp
 		{state.media && <ComposerMedia content={state.media} clearMedia={clearMedia}/>}
 		<div className="input-area">
 			<textarea
-				autoFocus
+				autoFocus={!isMobileDevice}
 				ref={textInput}
 				rows={textRows.current}
 				value={state.text}