From 4089c89fe6829b50d82aa4f78b687ea4892ba878 Mon Sep 17 00:00:00 2001
From: Aspectis <tobias@aspectis.net>
Date: Wed, 24 Feb 2021 16:38:11 +0100
Subject: [PATCH] refs #18784 [fid_bbi] fix keep-filters input

---
 themes/fid_bbi/scss/blocks/search.scss       | 15 +++++++++------
 themes/fid_bbi/templates/layout/layout.phtml |  2 +-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/themes/fid_bbi/scss/blocks/search.scss b/themes/fid_bbi/scss/blocks/search.scss
index 412f366b369..cc2d454d2fc 100644
--- a/themes/fid_bbi/scss/blocks/search.scss
+++ b/themes/fid_bbi/scss/blocks/search.scss
@@ -85,13 +85,10 @@
     cursor: pointer;
   }
 
-  .icon {
-    height: g(1.5);
-    width: g(1.5);
-    padding: g(.25);
-  }
-
   input {
+    opacity: 0;
+    position: absolute;
+
     @include hover {
       ~ .icon {
         background: $shade;
@@ -104,6 +101,12 @@
     }
   }
 
+  .icon {
+    height: g(1.5);
+    width: g(1.5);
+    padding: g(.25);
+  }
+
   :checked ~ .icon path {
     fill: currentColor;
   }
diff --git a/themes/fid_bbi/templates/layout/layout.phtml b/themes/fid_bbi/templates/layout/layout.phtml
index 610fe11e98a..b54501eba4f 100644
--- a/themes/fid_bbi/templates/layout/layout.phtml
+++ b/themes/fid_bbi/templates/layout/layout.phtml
@@ -81,7 +81,7 @@
   <script>
     // For styling checkbox and radio inputs, the label must be appended to the
     // input, but Zend only generates inputs within labels.
-    const checkboxRadioInputs = document.querySelectorAll('[type=checkbox], [type=radio]')
+    const checkboxRadioInputs = document.querySelectorAll('main [type=checkbox], main [type=radio]')
     for (let i = 0; i < checkboxRadioInputs.length; i++) {
       const input = checkboxRadioInputs[i]
       const parent = input.parentNode
-- 
GitLab