From d324c32a76a19d36979ad31aa35e3326fbb910ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Igor=20Ste=CC=A8pien=CC=81?= <igor@istepien.dev>
Date: Sun, 8 Oct 2023 22:59:20 +0200
Subject: [PATCH] Collapse fix

---
 .../views/templates/hook/ps_categorytree.tpl             | 9 +++++++--
 .../views/templates/front/catalog/facets.tpl             | 6 +++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/modules/ps_categorytree/views/templates/hook/ps_categorytree.tpl b/modules/ps_categorytree/views/templates/hook/ps_categorytree.tpl
index 1d38a726..f52c3e3d 100644
--- a/modules/ps_categorytree/views/templates/hook/ps_categorytree.tpl
+++ b/modules/ps_categorytree/views/templates/hook/ps_categorytree.tpl
@@ -34,7 +34,12 @@
               <a href="{$node.link}" class="stretched-link text-reset list-group-item-action-dropdown-link">
                 {$node.name}
               </a>
-              <a href="#exCollapsingNavbar{$node.id}" class="icon-collapse list-group-item-collapse text-reset" data-bs-toggle="collapse">
+              <a href="#catcol_{$node.id}"
+                 class="icon-collapse list-group-item-collapse text-reset"
+                 data-bs-toggle="collapse"
+                 role="button"
+                 data-bs-target="#catcol_{$node.id}"
+              >
                 <i class="material-icons d-block">&#xE313;</i>
               </a>
             </div>
@@ -44,7 +49,7 @@
             </a>
           {/if}
           {if $node.children}
-            <div class="collapse" id="exCollapsingNavbar{$node.id}">
+            <div class="collapse" id="catcol_{$node.id}">
               {categories nodes=$node.children depth=$depth+1}
             </div>
           {/if}
diff --git a/modules/ps_facetedsearch/views/templates/front/catalog/facets.tpl b/modules/ps_facetedsearch/views/templates/front/catalog/facets.tpl
index 73f3511e..154da7ef 100644
--- a/modules/ps_facetedsearch/views/templates/front/catalog/facets.tpl
+++ b/modules/ps_facetedsearch/views/templates/front/catalog/facets.tpl
@@ -54,7 +54,11 @@
             <div class="search-filters__header d-flex justify-content-between align-items-center mb-0 h5 position-relative">
               <span class="search-filters__title mb-0">{$facet.label}</span>
               {if $facet.widgetType != 'slider'}
-                <a href="#facet_{$_expand_id}" class="icon-collapse stretched-link text-reset d-block" data-bs-toggle="collapse"
+                <a href="#facet_{$_expand_id}"
+                   class="icon-collapse stretched-link text-reset d-block"
+                   data-bs-target="#facet_{$_expand_id}"
+                   role="button"
+                   data-bs-toggle="collapse"
                   {if !$_collapse} aria-expanded="true" {/if}>
                   <span class="material-icons">&#xE313;</span>
                 </a>