From 9b7dfe7ea98bc6bd30daaa511b96e47b08c36db0 Mon Sep 17 00:00:00 2001
From: Kiss Miklos <miklos@roadie.io>
Date: Wed, 17 Apr 2024 17:04:13 +0200
Subject: [PATCH] improve TechDocsSearch

Signed-off-by: Kiss Miklos <miklos@roadie.io>
---
 plugins/techdocs/src/search/components/TechDocsSearch.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/plugins/techdocs/src/search/components/TechDocsSearch.tsx b/plugins/techdocs/src/search/components/TechDocsSearch.tsx
index 665f99c1bb..ce77d547db 100644
--- a/plugins/techdocs/src/search/components/TechDocsSearch.tsx
+++ b/plugins/techdocs/src/search/components/TechDocsSearch.tsx
@@ -63,6 +63,7 @@ const TechDocsSearchBar = (props: TechDocsSearchProps) => {
   const navigate = useNavigate();
   const {
     setFilters,
+    term,
     result: { loading, value: searchVal },
   } = useSearch();
   const [options, setOptions] = useState<any[]>([]);
@@ -109,7 +110,7 @@ const TechDocsSearchBar = (props: TechDocsSearchProps) => {
     <SearchAutocomplete
       data-testid="techdocs-search-bar"
       size="small"
-      open={open}
+      open={open && Boolean(term)}
       getOptionLabel={() => ''}
       filterOptions={x => {
         return x; // This is needed to get renderOption to be called after options change. Bug in material-ui?
@@ -117,7 +118,7 @@ const TechDocsSearchBar = (props: TechDocsSearchProps) => {
       onClose={() => {
         setOpen(false);
       }}
-      onFocus={() => {
+      onOpen={() => {
         setOpen(true);
       }}
       onChange={handleSelection}