- remove aria-label from dialog element.

- update transition property.

Author: totocalcio

apps/web/app/components/GlobalHeader.vue

@@ -64,12 +64,7 @@ const getAnchorPath = computed(
       <!-- <VFIcon name="menu" color="vue-blue" can-hover @click="toggleMenu" /> -->
     </div>
     <!-- hamburger-menu -->
-    <dialog
-      id="navigation-mobile-menu-trigger"
-      ref="dialogRef"
-      aria-label="ハンバーガーメニュー"
-      class="navigation-mobile-menu"
-    >
+    <dialog id="navigation-mobile-menu-trigger" ref="dialogRef" class="navigation-mobile-menu">
       <ul>
         <li v-for="(link, index) in navLinks" :key="link.anchor">
           <!-- eslint-disable vuejs-accessibility/no-autofocus -->
@@ -126,7 +121,6 @@ const getAnchorPath = computed(
   transition:
     translate 0.6s cubic-bezier(0.4, 0, 0.2, 1),
     display 0.6s cubic-bezier(0.4, 0, 0.2, 1) allow-discrete;
-  translate: 0 -100dvh;
   z-index: 1;
 
   &[open] {
@@ -137,6 +131,10 @@ const getAnchorPath = computed(
     }
   }
 
+  &:not([open]) {
+    translate: 0 -100dvh;
+  }
+
   ul {
     padding: 0;
     display: flex;