[Bug Report][3.7.7] v-dialog origin prop not working

[johuhype]

Environment

Vuetify Version: 3.7.7
Last working version: 2.7.2
Vue Version: 3.5.13
Browsers: Chrome 132.0.0.0
OS: Windows

Steps to reproduce

Specify a origin differing from "center center".
It does not get applied when opening the dialog.

Plus: You are referring to https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin for possible values. But according to the Type, eg. '20% 20%' would not be allowed.

Setting an origin other than 'center center' and using percentage values for it is working in Vuetify 2.

Expected Behavior

Respect the given origin for the opening animation.

Actual Behavior

Always uses the centered opening.

Reproduction Link

https://play.vuetifyjs.com/#...

[J-Sek]

I was able to track origin prop usage deep in locationStrategies.ts and it seems the type declaration is correct - it can only be Anchor, 'auto' or 'overlap'. Link in the API docs description is confusing and should be removed.

Apart from this, origin on VDialog is not even parsed unless you set location-strategy="connected" but even this does not seem to have any effect. It might be one of those API leaks that expose unnecessary props not actually intended for use on this level.

[J-Sek]

Workaround would be to use location-strategy="connected" and point to a <div> target placed in the corner of the page.