feat(Overlay): stick-to-target prop

[J-Sek]

Description

• introduces new prop stick-to-target

resolves #19856
resolves #19732
resolves #17125

Markup:

<template>
  <v-app theme="dark">
    <v-container class="d-flex justify-center align-center h-100">
      <v-sheet class="overflow-scroll" max-height="400" max-width="600">
        <!-- <div v-for="i in 60">Lorem ipsum dolor sit</div> -->
        <div class="d-flex ga-5">
          <v-btn color="green">
            Stick to target
            <v-menu activator="parent" attach stick-to-target>
              <v-list :items="items" border />
            </v-menu>
          </v-btn>
          <v-spacer />
          <v-btn color="red">
            Keep visible (default)
            <v-menu activator="parent" attach>
              <v-list :items="items" border />
            </v-menu>
          </v-btn>
        </div>
        <div class="d-flex ga-5 text-no-wrap">
          <div v-for="i in 20" :key="i">Lorem ipsum dolor sit</div>
        </div>
        <div v-for="i in 60" :key="i">Lorem ipsum dolor sit</div>
      </v-sheet>
    </v-container>
  </v-app>
</template>

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

[J-Sek]

The more I click stuff in docs, the more I feel like it should be a default.