From f1e7a2ed87ad4f8a47a203c268c76d6928f23a95 Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Tue, 27 Sep 2022 09:13:32 -0500
Subject: [PATCH] Adding openMenu method on focus of the Search input Field

---
 .../web/components/templates/library/LibrarySearchBar.tsx  | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/web/components/templates/library/LibrarySearchBar.tsx b/packages/web/components/templates/library/LibrarySearchBar.tsx
index 146a0c796..a0f243dd2 100644
--- a/packages/web/components/templates/library/LibrarySearchBar.tsx
+++ b/packages/web/components/templates/library/LibrarySearchBar.tsx
@@ -53,6 +53,7 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
         highlightedIndex,
         inputValue,
         clearSelection,
+        openMenu,
       }) => (
         <VStack
           alignment="start"
@@ -85,6 +86,12 @@ export function LibrarySearchBar(props: LibrarySearchBarProps): JSX.Element {
                 tabIndex={0}
                 value={inputValue}
                 placeholder="Search"
+                onFocus={(event: any) => {
+                  event.preventDefault()
+                  openMenu()
+                  //props.applySearchQuery('')
+                  // inputRef.current?.blur()
+                }}
                 onChange={(event: any) => {
                   event.preventDefault()
                 }}