Add automatically close menu whenever theres is a click or scroll event whenever app is in mobile resolution

resources/assets/js/app.js

@@ -1,4 +1,5 @@
 require('./bootstrap.js');
+require('./helper/autocloseMenu.js');
 //window.VueRouter = require('vue-router').default;
 //import VueRouter from 'vue-router';
 import Util from './util.js';

resources/assets/js/helper/autocloseMenu.js

@@ -0,0 +1,19 @@
+
+if (window.innerWidth <= 768) {
+    window.addEventListener('click', function (event) {
+        const navbarCollapse = document.getElementById('myNavbar');
+
+        if (!event.target.matches('.navbar-toggler')) {
+            navbarCollapse.classList.remove('in');
+        }
+
+    });
+
+    // Close navbar when scrolling
+    window.addEventListener('scroll', function () {
+        const navbarCollapse = document.getElementById('myNavbar');
+
+        navbarCollapse.classList.remove('in');
+
+    });
+}