fix(client): nav control focus (Triggered with next page/animation at the same time) (#40)

Author: FyisFe

packages/client/internals/MenuButton.vue

@@ -22,9 +22,9 @@ onClickOutside(el, () => {
 
 <template>
   <div ref="el" class="flex relative">
-    <div :class="{ disabled }" @click="value = !value">
+    <button :class="{ disabled }" @click="value = !value">
       <slot name="button" :class="{ disabled }" />
-    </div>
+    </button>
     <div
       v-show="value"
       class="rounded-md bg-main shadow absolute bottom-10 left-0 z-20"

packages/client/state/index.ts

@@ -15,7 +15,7 @@ export const isScreenVertical = computed(() => windowSize.width.value <= windowS
 export const fullscreen = useFullscreen(isClient ? document.body : null)
 
 export const activeElement = useActiveElement()
-export const isInputing = computed(() => ['INPUT', 'TEXTAREA'].includes(activeElement.value?.tagName || '') || activeElement.value?.classList.contains('CodeMirror-code'))
+export const isInputing = computed(() => ['INPUT', 'TEXTAREA', 'BUTTON', 'A'].includes(activeElement.value?.tagName || '') || activeElement.value?.classList.contains('CodeMirror-code'))
 
 export const currentCamera = useStorage<string>('slidev-camera', 'default')
 export const currentMic = useStorage<string>('slidev-mic', 'default')