fix(VMenu): avoid scrolling to the off-screen menu

Author: J-Sek

packages/vuetify/src/components/VMenu/VMenu.tsx

@@ -109,13 +109,24 @@ export const VMenu = genericComponent<OverlaySlots>()({
     })
     onDeactivated(() => isActive.value = false)
 
+    let focusTrapSuppressed = false
+    let focusTrapSuppressionTimeout = -1
+
+    async function onPointerdown () {
+      focusTrapSuppressed = true
+      focusTrapSuppressionTimeout = window.setTimeout(() => {
+        focusTrapSuppressed = false
+      }, 100)
+    }
+
     async function onFocusIn (e: FocusEvent) {
       const before = e.relatedTarget as HTMLElement | null
       const after = e.target as HTMLElement | null
 
       await nextTick()
 
       if (
+        !focusTrapSuppressed &&
         isActive.value &&
         before !== after &&
         overlay.value?.contentEl &&
@@ -128,18 +139,23 @@ export const VMenu = genericComponent<OverlaySlots>()({
       ) {
         const focusable = focusableChildren(overlay.value.contentEl)
         focusable[0]?.focus()
+
+        document.removeEventListener('pointerdown', onPointerdown)
       }
     }
 
     watch(isActive, val => {
       if (val) {
         parent?.register()
         if (IN_BROWSER && !props.disableInitialFocus) {
+          document.addEventListener('pointerdown', onPointerdown)
           document.addEventListener('focusin', onFocusIn, { once: true })
         }
       } else {
         parent?.unregister()
         if (IN_BROWSER) {
+          clearTimeout(focusTrapSuppressionTimeout)
+          document.removeEventListener('pointerdown', onPointerdown)
           document.removeEventListener('focusin', onFocusIn)
         }
       }