Reset filters when clear search is clicked

2 files changed, 12 insertions, 0 deletions

diff --git a/app/assets/javascripts/filtered_search/filtered_search_dropdown.js.es6 b/app/assets/javascripts/filtered_search/filtered_search_dropdown.js.es6
index 03835b6522b..5186c15cb67 100644
--- a/app/assets/javascripts/filtered_search/filtered_search_dropdown.js.es6
+++ b/app/assets/javascripts/filtered_search/filtered_search_dropdown.js.es6
@@ -121,6 +121,15 @@
     hideDropdown() {
       this.getCurrentHook().list.hide();
     }
+
+    resetFilters() {
+      const hook = this.getCurrentHook();
+      const data = hook.list.data;
+      const results = data.map(function(o) {
+        o.droplab_hidden = false;
+      });
+      hook.list.render(results);
+    }
   }
 
   global.FilteredSearchDropdown = FilteredSearchDropdown;
diff --git a/app/assets/javascripts/filtered_search/filtered_search_manager.js.es6 b/app/assets/javascripts/filtered_search/filtered_search_manager.js.es6
index 0654d7d816a..c7e01fc710d 100644
--- a/app/assets/javascripts/filtered_search/filtered_search_manager.js.es6
+++ b/app/assets/javascripts/filtered_search/filtered_search_manager.js.es6
@@ -247,6 +247,9 @@
       this.filteredSearchInput.value = '';
       this.clearSearchButton.classList.add('hidden');
 
+      // Reset Filters
+      this.mapping[this.currentDropdown].reference.resetFilters();
+
       // Force dropdown to hide
       this.mapping[this.currentDropdown].reference.hideDropdown();