Add event listener to close mobile menu on primary mobile menu toggle click

Author: shyusu4

tbx/static_src/javascript/components/mobile-menu.js

@@ -7,6 +7,9 @@ class MobileMenu {
         this.node = node;
         this.body = document.querySelector('body');
         this.mobileMenu = document.querySelector('[data-mobile-menu]');
+        this.primaryMobileToggle = document.querySelector(
+            '[data-primary-mobile-menu-toggle]',
+        );
         this.lastMenuItem = document.querySelector(
             '[data-last-menu-item-mobile]',
         );
@@ -33,6 +36,15 @@ class MobileMenu {
             }
         });
 
+        // Close the mobile menu if the primary mobile menu toggle is clicked
+        if (this.primaryMobileToggle) {
+            this.primaryMobileToggle.addEventListener('click', () => {
+                if (this.state.open) {
+                    this.close();
+                }
+            });
+        }
+
         // Close the mobile menu when the focus moves away from the last item in the top level
         if (this.lastMenuItem === null) {
             return;