administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-05-01 19:17:41 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix command list from appearing when other inputs are focused

Browse Source 
the description box in the tracked object details pane was causing the command input list to show when focused.
This commit is contained in:
Josh Hawkins 2025-05-26 08:58:11 -05:00
parent f19c50fb8a
commit b376106dc1
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/src/components/input/InputWithTags.tsx
View File

@ -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 && (