From ecd119df0ee48728478c215a925b660bf5fae257 Mon Sep 17 00:00:00 2001
From: Josh Lagrimas <joshlagrimas@ebi.ac.uk>
Date: Tue, 26 Sep 2023 12:00:09 +0100
Subject: [PATCH] implement hiding on blur when filter box is in mobile view

---
 frontend/src/pages/search/Search.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/pages/search/Search.tsx b/frontend/src/pages/search/Search.tsx
index ca9314da4..55b97be79 100644
--- a/frontend/src/pages/search/Search.tsx
+++ b/frontend/src/pages/search/Search.tsx
@@ -466,6 +466,12 @@ export default function Search() {
             )}
           </div>
         </div>
+        <div
+          className={`fixed top-0 right-0 backdrop-blur-none h-full w-full ${
+            hideFilters ? "hidden" : "z-20"
+          }`}
+          onClick={() => setHideFilters(true)}
+        />
         {loadingResults ? (
           <LoadingOverlay message="Search results loading..." />
         ) : null}