From b376106dc1d974a39550254609ab8270989d65e6 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Mon, 26 May 2025 08:58:11 -0500
Subject: [PATCH] Fix command list from appearing when other inputs are focused

the description box in the tracked object details pane was causing the command input list to show when focused.
---
 web/src/components/input/InputWithTags.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/components/input/InputWithTags.tsx b/web/src/components/input/InputWithTags.tsx
index c2afd441c..ab31e1808 100644
--- a/web/src/components/input/InputWithTags.tsx
+++ b/web/src/components/input/InputWithTags.tsx
@@ -763,12 +763,18 @@ export default function InputWithTags({
 
             {inputFocused ? (
               <LuChevronUp
-                onClick={() => setInputFocused(false)}
+                onClick={() => {
+                  setInputFocused(false);
+                  inputRef.current?.blur();
+                }}
                 className="size-4 cursor-pointer text-secondary-foreground"
               />
             ) : (
               <LuChevronDown
-                onClick={() => setInputFocused(true)}
+                onClick={() => {
+                  setInputFocused(true);
+                  inputRef.current?.focus();
+                }}
                 className="size-4 cursor-pointer text-secondary-foreground"
               />
             )}
@@ -778,7 +784,9 @@ export default function InputWithTags({
         <CommandList
           className={cn(
             "scrollbar-container border-t duration-200 animate-in fade-in",
-            inputFocused ? "visible" : "hidden",
+            inputFocused && inputRef.current?.matches(":focus")
+              ? "visible"
+              : "hidden",
           )}
         >
           {!currentFilterType && inputValue && (