[4.0] close collapse when opening a dropdown (joomla#43891)

* make sure you click on the button, not any of the children

* close collapse when click to open a dropdown

* fix lint:js issues

* Update build/media_source/templates/administrator/atum/js/template.es6.js

Co-authored-by: Brian Teeman <[email protected]>

---------

Co-authored-by: Brian Teeman <[email protected]>

Author: hans2103

build/media_source/templates/administrator/atum/js/template.es6.js

@@ -242,3 +242,20 @@ window.addEventListener('joomla:menu-toggle', (event) => {
     changeLogo(event.detail);
   }
 });
+
+/**
+ * Close any open data-bs-toggle="collapse" when opening a data-bs-toggle="dropdown"
+ *
+ * @since 4.4
+ */
+document.querySelectorAll('[data-bs-toggle="dropdown"]').forEach((button) => {
+  button.addEventListener('click', () => {
+    document.querySelectorAll('[data-bs-toggle="collapse"]').forEach((cb) => {
+      const target = document.querySelector(cb.getAttribute('data-bs-target'));
+      const collapseMenu = bootstrap.Collapse.getInstance(target) || new bootstrap.Collapse(target, {
+        toggle: false,
+      });
+      collapseMenu.hide();
+    });
+  });
+});

build/media_source/templates/site/cassiopeia/scss/blocks/_header.scss

@@ -204,6 +204,10 @@
     .fas {
       font-size: 1.5rem;
     }
+
+    > * {
+      pointer-events: none;
+    }
   }
 
   .container-search {

build/media_source/templates/site/cassiopeia/scss/blocks/_toolbar.scss

@@ -119,6 +119,10 @@
     &.btn {
       padding-inline-end: 0;
     }
+
+    > * {
+      pointer-events: none;
+    }
   }
 
   .btn-group:not(:last-child) > .dropdown-toggle-split {