diff --git a/frontend/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx b/frontend/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx index 29f7ec3c8..e45ca1dc0 100644 --- a/frontend/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx +++ b/frontend/src/components/v2/InfisicalSecretInput/InfisicalSecretInput.tsx @@ -75,6 +75,7 @@ export const InfisicalSecretInput = ({ const [listReference, setListReference] = useState([]); const [highlightedIndex, setHighlightedIndex] = useState(-1); const inputRef = useRef(null); + const isPopupOpen = isSuggestionsOpen && listReference.length > 0 && currentReference.length > 0; useEffect(() => { setInputValue(propValue ?? ""); @@ -274,7 +275,11 @@ export const InfisicalSecretInput = ({ } else if (e.key === "Enter" && highlightedIndex >= 0) { handleSuggestionSelect(); } - if (["ArrowDown", "ArrowUp", "Enter"].includes(e.key)) { + + if ( + (["ArrowDown", "ArrowUp"].includes(e.key) && isPopupOpen) || + (e.key === "Enter" && highlightedIndex >= 0) + ) { e.preventDefault(); } }; @@ -298,10 +303,7 @@ export const InfisicalSecretInput = ({ }; return ( - 0 && currentReference.length > 0} - onOpenChange={setIsOpen} - > +