[5.3] Fixing Cassiopeia mobile menu collapse bug joomla#44140 (joomla#44221)

Author: coolcat-creations

build/media_source/templates/site/cassiopeia/js/mod_menu/menu-metismenu.es6.js

@@ -6,18 +6,18 @@
  * @since       4.0.0
  */
 
-document.addEventListener('DOMContentLoaded', () => {
-  document.querySelectorAll('ul.mod-menu_dropdown-metismenu').forEach((menu) => {
-    // eslint-disable-next-line no-new, no-undef
-    const mm = new MetisMenu(menu, {
-      triggerElement: 'button.mm-toggler',
-    }).on('shown.metisMenu', (event) => {
-      window.addEventListener('click', function mmClick(e) {
-        if (!event.target.contains(e.target)) {
-          mm.hide(event.detail.shownElement);
+document.querySelectorAll('ul.mod-menu_dropdown-metismenu').forEach((menu) => {
+  // eslint-disable-next-line no-new, no-undef
+  const mm = new MetisMenu(menu, {
+    triggerElement: 'button.mm-toggler',
+  }).on('shown.metisMenu', (event) => {
+    window.addEventListener('click', function mmClick(e) {
+      if (!event.target.contains(e.target)) {
+        mm.addEventListener('hidden.metisMenu', () => {
           window.removeEventListener('click', mmClick);
-        }
-      });
+        });
+        mm.hide(event.detail.shownElement);
+      }
     });
   });
 });