From b38bf8f199513e75797ac8af1918a7fa519cd110 Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Sun, 1 Dec 2019 15:15:29 +0000
Subject: [PATCH] [refactor] hide menu until js is loaded

---
 src/css/menu.css | 5 -----
 src/index.html   | 2 +-
 src/js/menu.js   | 5 +++++
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/css/menu.css b/src/css/menu.css
index 2c9fb3a5..259e9120 100755
--- a/src/css/menu.css
+++ b/src/css/menu.css
@@ -9,11 +9,6 @@
   transition: transform var(--layout-timing-extra-fast);
   z-index: var(--z-index-menu);
   pointer-events: none;
-  display: none;
-}
-
-.is-menu .menu {
-  display: block;
 }
 
 .menu:focus {
diff --git a/src/index.html b/src/index.html
index 4944c993..a5222b1b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -132,7 +132,7 @@
 
   </main>
 
-  <section class="menu" tabindex="-1">
+  <section class="menu" tabindex="-1" style="display:none;">
     <div class="menu-area">
 
       <div class="menu-nav">
diff --git a/src/js/menu.js b/src/js/menu.js
index a1b63a34..68dffc2c 100644
--- a/src/js/menu.js
+++ b/src/js/menu.js
@@ -70,6 +70,10 @@ var menu = (function() {
     helper.removeClass(helper.e("html"), "is-menu-open");
   };
 
+  render.removeStyle = function() {
+    helper.e(".menu").removeAttribute("style");
+  };
+
   var nav = function(button, area) {
     render.nav(button, area);
     render.scrollToTop();
@@ -108,6 +112,7 @@ var menu = (function() {
   var init = function() {
     mod.close();
     render.close();
+    render.removeStyle();
   };
 
   return {