Click behind map filters to close popup on small screens

1 files changed, 18 insertions, 0 deletions

diff --git a/web/cobrands/sass/_multiselect.scss b/web/cobrands/sass/_multiselect.scss
index 3503c6bfd..5f59599a6 100644
--- a/web/cobrands/sass/_multiselect.scss
+++ b/web/cobrands/sass/_multiselect.scss
@@ -35,6 +35,10 @@
     }
 }
 
+.multi-select-modal {
+    display: none;
+}
+
 // Centred, modal display for sub-768px screens only.
 @media (max-width: 47.94em) {
     .multi-select-menu {
@@ -60,6 +64,20 @@
             margin-#{$left}: -2em;
         }
     }
+
+    .multi-select-modal {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: 1;
+        background: rgba(0, 0, 0, 0.4);
+
+        .multi-select-container--open & {
+            display: block;
+        }
+    }
 }
 
 .multi-select-presets {