implement hiding on blur when filter box is in mobile view

EBISPOT · Sep 26, 2023 · ecd119d · ecd119d
1 parent 9f97fad
commit ecd119d
Showing 1 changed file with 6 additions and 0 deletions.
diff --git 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}