Auto close options popup when outside clicked (#118)

Author: MaxGraey

src/.vuepress/public/editor.html

@@ -553,7 +553,6 @@ <h5>Documentation</h5>
       // Make tabs switchable
       document.querySelectorAll('.tab').forEach(element => {
         element.addEventListener('click', () => {
-          if (optionsVisible) toggleOptions(null)
           document.querySelectorAll('.tab').forEach(element => element.classList.remove('active'))
           element.classList.add('active')
           document.querySelectorAll('.pane').forEach(element => element.classList.remove('active'))
@@ -597,6 +596,13 @@ <h5>Documentation</h5>
         }
       }
       document.querySelector('.button.options').addEventListener('click', toggleOptions)
+      document.querySelector('#tabs').addEventListener('click', () => {
+        if (optionsVisible) toggleOptions(null)
+      })
+      Array.prototype.slice.call(document.querySelectorAll('.pane'))
+        .map(pane => pane.addEventListener('click', () => {
+          if (optionsVisible) toggleOptions(null)
+        }))
 
       // Make contents shareable
       let clipboardTimer = null