Close the popover when a child is clio

elastic · Sep 17, 2024 · 86c81d3 · 86c81d3
1 parent 46005df
commit 86c81d3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/plugins/unified_search/public/query_string_input/esql_menu_popover.tsx b/src/plugins/unified_search/public/query_string_input/esql_menu_popover.tsx
@@ -31,6 +31,7 @@ export const ESQLMenuPopover = () => {
 
   const toggleLanguageComponent = useCallback(async () => {
     setIsLanguageComponentOpen(!isLanguageComponentOpen);
+    setIsESQLMenuPopoverOpen(false);
   }, [isLanguageComponentOpen]);
 
   const esqlPanelItems = useMemo(() => {
@@ -52,6 +53,7 @@ export const ESQLMenuPopover = () => {
         data-test-subj="esql-about"
         target="_blank"
         href={docLinks.links.query.queryESQL}
+        onClick={() => setIsESQLMenuPopoverOpen(false)}
       >
         {i18n.translate('unifiedSearch.query.queryBar.esqlMenu.documentation', {
           defaultMessage: 'Documentation',
@@ -63,6 +65,7 @@ export const ESQLMenuPopover = () => {
         data-test-subj="esql-examples"
         target="_blank"
         href={docLinks.links.query.queryESQLExamples}
+        onClick={() => setIsESQLMenuPopoverOpen(false)}
       >
         {i18n.translate('unifiedSearch.query.queryBar.esqlMenu.documentation', {
           defaultMessage: 'Example queries',
@@ -75,6 +78,7 @@ export const ESQLMenuPopover = () => {
         data-test-subj="esql-feedback"
         target="_blank"
         href={FEEDBACK_LINK}
+        onClick={() => setIsESQLMenuPopoverOpen(false)}
       >
         {i18n.translate('unifiedSearch.query.queryBar.esqlMenu.documentation', {
           defaultMessage: 'Submit feedback',