Close all open dropdowns when search input is clicked

1 files changed, 3 insertions, 0 deletions

diff --git a/app/assets/javascripts/search_autocomplete.js b/app/assets/javascripts/search_autocomplete.js
index 9dec5d7645a..5eb38006e61 100644
--- a/app/assets/javascripts/search_autocomplete.js
+++ b/app/assets/javascripts/search_autocomplete.js
@@ -281,6 +281,8 @@ import { isInGroupsPage, isInProjectPage, getGroupSlug, getProjectSlug } from '.
 
     // Avoid falsy value to be returned
     onSearchInputClick(e) {
+      $('.dropdown.open .dropdown-toggle').dropdown('toggle');
+      this.dropdown.dropdown('toggle');
       return e.stopImmediatePropagation();
     }
 
@@ -305,6 +307,7 @@ import { isInGroupsPage, isInProjectPage, getGroupSlug, getProjectSlug } from '.
     onSearchInputBlur(e) {
       this.isFocused = false;
       this.wrap.removeClass('search-active');
+      $('.search-input-wrap').removeClass('open');
       // If input is blank then restore state
       if (this.searchInput.val() === '') {
         return this.restoreOriginalState();