feat(VOverlay): noFlip location strategy prop

Author: mattgilbertnet

packages/api-generator/src/locale/en/VOverlay-location-strategies.json

@@ -3,6 +3,7 @@
     "locationStrategy": "A function used to specifies how the component should position relative to its activator.",
     "offset": "Increases distance from the target. When passed as a pair of numbers, the second value shifts anchor along the side and away from the target.",
     "stickToTarget": "Enables the overlay content to go off-screen when scrolling.",
-    "viewportMargin": "Sets custom viewport margin for the overlay content"
+    "viewportMargin": "Sets custom viewport margin for the overlay content",
+    "noFlip": "When using the \"connected\" location strategy, adjust the position when needed by shifting only, not flipping."
   }
 }

packages/vuetify/src/components/VOverlay/locationStrategies.ts

@@ -58,6 +58,7 @@ export interface StrategyProps {
   maxWidth?: number | string
   minHeight?: number | string
   minWidth?: number | string
+  noFlip?: boolean
 }
 
 export const makeLocationStrategyProps = propsFactory({
@@ -80,6 +81,7 @@ export const makeLocationStrategyProps = propsFactory({
     type: [Number, String],
     default: 12,
   },
+  noFlip: Boolean,
 }, 'VOverlay-location-strategies')
 
 export function useLocationStrategies (
@@ -430,7 +432,7 @@ function connectedLocationStrategy (data: LocationStrategyData, props: StrategyP
       contentBox.y += _y
 
       // flip
-      {
+      if (!props.noFlip) {
         const axis = getAxis(placement.anchor)
         const hasOverflowX = overflows.x.before || overflows.x.after
         const hasOverflowY = overflows.y.before || overflows.y.after