fixed close collapsible container on item selection (#898)

Azure · Sep 9, 2020 · b12d5ce · b12d5ce
1 parent b17eed7
commit b12d5ce
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/themes/website/scripts/collapsibles.ts b/src/themes/website/scripts/collapsibles.ts
@@ -1,5 +1,7 @@
 import { Keys } from "@paperbits/common";
 
+const collapsibleContentSelector = ".collapsible-content";
+const paginationSelector = ".pagination";
 const collapsibleSelector = ".collapsible";
 const collapsibleToggleSelector = "[data-toggle]";
 const collapsibleExpandedClass = "expanded";
@@ -38,6 +40,12 @@ const onActivate = (): void => {
 
     if (target.closest) {
         toggleElement = target.closest(collapsibleToggleSelector);
+        if (!toggleElement && target.nodeName !== "INPUT") {
+            const pagerElement = target.closest(paginationSelector);
+            if (!pagerElement) {
+                toggleElement = target.closest(collapsibleContentSelector)?.parentElement.querySelector(collapsibleToggleSelector);
+            }
+        }
     }
 
     const exclude = selfAndParents(target);