From d7909803a6402e324495dd041d5cbb871b5d2fed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Wed, 17 Jul 2019 11:41:59 +0200
Subject: [PATCH] Toggle mobile navigation by clicking anywhere

---
 .../ext/ep_theme/Resources/Private/Assets/js/_app.js       | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
index e7918ea5..629853b2 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
@@ -314,6 +314,13 @@ new Vue({
                     this.lastScrollPosition = $window.scrollTop();
                 }
             });
+            $(document).on('click', event => {
+                const $clickedElement = $(event.target);
+                const isNavExpanded = $('#ep-navbar-burger-menu').hasClass('collapse in');
+                if (isNavExpanded && !$clickedElement.hasClass('navbar-toggle')) {
+                    this.toggleMobileNavigation();
+                }
+            });
             $('.searchbar')
                 .on('affixed.bs.affix', () => {
                     this.searchbarFixed = true;