Fix dropdown menu javascriot

thephpleague · Jun 29, 2024 · c19e6d5 · c19e6d5
1 parent d820764
commit c19e6d5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/docs/_data/manifest.yml b/docs/_data/manifest.yml
@@ -1,4 +1,4 @@
 {
   "docs.css": "/styles.0001.css",
-  "docs.js": "/scripts.0001.js"
+  "docs.js": "/scripts.0002.js"
 }
diff --git a/docs/scripts.0001.js → docs/scripts.0002.js b/docs/scripts.0001.js → docs/scripts.0002.js
@@ -48,13 +48,19 @@
       }, false);
     snippet.appendChild(link);
   });
-})();
-
-window.addEventListener('DOMContentLoaded', (e) => {
 
   const dropDownList = document.getElementById('packageDropdownList');
+  const dropDownButton = document.getElementById('packageDropdown');
 
-  document.getElementById('packageDropdown').addEventListener('click', (e) => {
+  dropDownButton.addEventListener('click', () => {
     dropDownList.classList.toggle('hidden');
-  })
-})
+  });
+
+  document.addEventListener('click',  (event) => {
+    if (!dropDownButton.contains(event.target) && !dropDownList.contains(event.target)) {
+        dropDownList.classList.add('hidden');
+    }
+  });
+})();
+
+