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

[J-Sek]

Description

• suppress focus trap when focusin is triggered shortly after pointerdown
• avoids scrolling up as well as the missing focus bug when clicking the field
• TODO: avoid/ack unintentional side-effect of closing hover-menu when clicking on the activator (#21015)

fixes #21775
fixes #20569

Markup:

<template>
  <v-app theme="dark">
    <v-container>
      <!-- <div v-for="i in 60">Lorem ipsum dolor sit</div> -->
      <div class="d-flex ga-5">
        <v-btn color="green">
          Just a menu on top
          <v-menu activator="parent">
            <!-- <v-list :items="items" border /> -->
            <v-list>
              <v-list-item
                v-for="(item, index) in items"
                :key="index"
                :value="index"
              >
                <v-list-item-title>{{ item }}</v-list-item-title>
              </v-list-item>
            </v-list>
          </v-menu>
        </v-btn>
        <v-spacer />
      </div>
      <div v-for="i in 30" :key="i">Lorem ipsum dolor sit</div>
      <v-text-field />
      <div v-for="i in 30" :key="i">Lorem ipsum dolor sit</div>
      <v-btn color="green">
        Just a menu on bottom
        <v-menu activator="parent">
          <v-list :items="items" border />
        </v-menu>
      </v-btn>
    </v-container>
  </v-app>
</template>

<script>
  export default {
    data: () => ({
      items: Array.from({ length: 5 }, (_, i) => `Item #${i + 1}`),
    }),
  }
</script>

[github-actions]

🚀 Nightly release published to @vuetify/[email protected].