fix header menu submenu #827

src/components/Layouts/MainContentLayout.vue

@@ -12,8 +12,8 @@
       @scroll.passive="onScrollCenter"
     >
       <div
-        class="wrapper"
         ref="scrollablecenter"
+        class="wrapper"
       >
         <slot />
       </div>

src/components/nav/HeaderMenu.vue

@@ -6,7 +6,8 @@
         <span v-if="!corpusLoaded" class="loading">Loading ...</span>
         <router-link v-else to="/corpus">Corpus</router-link>
       </li>
-      <li :class="{ opened: indexOpened }">
+      <li class="has-submenu" :class="{ opened: indexOpened }">
+        <!-- tabindex="-1" -->
         <span
           @click.prevent="onClickIndex"
           @keyup.enter="onClickIndex"
@@ -44,6 +45,12 @@ export default {
       corpusLoaded: state => state.Corpus.corpusLoaded
     })
   },
+  watch: {
+    $route (n, o) {
+      console.log('route changed')
+      this.indexOpened = false
+    }
+  },
   methods: {
     onClickIndex (e) {
       console.log('onClickIndex')