fix(VOverlay): stick-to-target content visible until target overflows

[J-Sek]

fixes #22055

Note: keeping viewportMargin: 0, as some people may already use stick-to-target to get it. It should have its own prop - could be introduced in v3.11.0.

<template>
  <v-app theme="dark">
    <v-container style="height: 200vh" fluid>
      <v-btn class="top-0 left-0" position="absolute">
        Hover Over Me
        <v-tooltip
          activator="parent"
          location="bottom center"
          text="Tooltip very long text which will overflow and be outside the window"
          model-value
          stick-to-target
        />
      </v-btn>
      <v-btn class="top-0 right-0" position="absolute">
        Hover Over Me
        <v-tooltip
          activator="parent"
          location="bottom center"
          text="Tooltip very long text which will overflow and be outside the window"
          model-value
          stick-to-target
        />
      </v-btn>
      <v-btn class="bottom-0 left-0" position="absolute">
        Hover Over Me
        <v-tooltip
          activator="parent"
          location="bottom center"
          text="Tooltip very long text which will overflow and be outside the window"
          model-value
          stick-to-target
        />
      </v-btn>
      <v-btn class="bottom-0 right-0" position="absolute">
        Hover Over Me
        <v-tooltip
          activator="parent"
          location="bottom center"
          text="Tooltip very long text which will overflow and be outside the window"
          model-value
          stick-to-target
        />
      </v-btn>

      <v-sheet class="mx-auto mt-n12 pa-4 bg-purple" elevation="4" width="100">
        Hover Over Me
        <v-tooltip
          activator="parent"
          location="right bottom"
          text="Tooltip very long text which will overflow and be outside the window"
          width="150"
          model-value
          stick-to-target
        />
      </v-sheet>

      <v-sheet class="mx-auto pa-4 bg-teal-darken-2" elevation="4" style="margin-top: calc(100vh - 100px)" width="100">
        Hover Over Me
        <v-tooltip
          activator="parent"
          location="right center"
          text="Tooltip very long text which will overflow and be outside the window"
          width="150"
          model-value
          stick-to-target
        />
      </v-sheet>
    </v-container>
  </v-app>
</template>