Don't focus query field on select (#5204)

stashapp · Sep 3, 2024 · a8a3b4c · a8a3b4c
1 parent 306ba63
commit a8a3b4c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/ui/v2.5/src/components/List/Filters/SelectableFilter.tsx b/ui/v2.5/src/components/List/Filters/SelectableFilter.tsx
@@ -24,6 +24,7 @@ import { CriterionModifier } from "src/core/generated-graphql";
 import { keyboardClickHandler } from "src/utils/keyboard";
 import { useDebounce } from "src/hooks/debounce";
 import useFocus from "src/utils/focus";
+import ScreenUtils from "src/utils/screen";
 
 interface ISelectedItem {
   item: ILabeledId;
@@ -235,7 +236,10 @@ export const ObjectsFilter = <
     setDisplayQuery("");
 
     // focus the input box
-    setInputFocus();
+    // don't do this on touch devices, as it's annoying
+    if (!ScreenUtils.isTouch()) {
+      setInputFocus();
+    }
   }
 
   const onUnselect = useCallback(