From 11429dddc060d00c6539ae319ff7d0f494480075 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 12 Apr 2022 20:08:18 -0700
Subject: [PATCH] Dont autofocus the text input on mobile

On mobile we dont want to auto focus because the keyboard opens
and takes up most of the screen space.
---
 .../web/components/templates/article/EditLabelsControl.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/article/EditLabelsControl.tsx b/packages/web/components/templates/article/EditLabelsControl.tsx
index ead74eb03..aa62b492e 100644
--- a/packages/web/components/templates/article/EditLabelsControl.tsx
+++ b/packages/web/components/templates/article/EditLabelsControl.tsx
@@ -50,14 +50,14 @@ function Header(props: HeaderProps): JSX.Element {
   const inputRef = useRef<HTMLInputElement>(null)
 
   useEffect(() => {
-    if (props.focused && inputRef.current) {
+    if (!isTouchScreenDevice() && props.focused && inputRef.current) {
       inputRef.current.focus()
     }
   }, [props.focused])
 
   return (
     <VStack css={{ width: '100%', my: '0px', borderBottom: '1px solid $grayBorder'}}>
-      <Box css={{ 
+      <Box css={{
         width: '100%',
         my: '14px',
         px: '14px',