From 06551bc372c4b41baa0e717651e5c6758b266416 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Sun, 10 Apr 2022 09:47:24 -0700
Subject: [PATCH] Dont autofocus the labels filter on touch devices as the
 keyboard uses too much screen space

---
 packages/web/components/templates/article/EditLabelsModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/templates/article/EditLabelsModal.tsx b/packages/web/components/templates/article/EditLabelsModal.tsx
index 1d74f4574..0a3bf1499 100644
--- a/packages/web/components/templates/article/EditLabelsModal.tsx
+++ b/packages/web/components/templates/article/EditLabelsModal.tsx
@@ -15,6 +15,7 @@ import { ArticleAttributes } from '../../../lib/networking/queries/useGetArticle
 import { LabelChip } from '../../elements/LabelChip'
 import { Check, Circle, Pen, PencilSimple, PencilSimpleLine, Plus, TagSimple } from 'phosphor-react'
 import Link from 'next/link'
+import { isTouchScreenDevice } from '../../../lib/deviceType'
 
 type EditLabelsModalProps = {
   // labels: Label[]
@@ -96,7 +97,7 @@ function Header(props: HeaderProps): JSX.Element {
         <FormInput
           ref={inputRef}
           type="text"
-          autoFocus={true}
+          autoFocus={isTouchScreenDevice()}
           value={props.filterText}
           placeholder="Filter for label"
           onFocus={(event) => {