[Bug Report][3.0.0] v-snackbar scale-transition is not working.

[alokVishu]

Environment

Vuetify Version: 3.0.0-beta.5
Vue Version: 3.2.36
Browsers: Chrome 103.0.5060.114
OS: Windows 10

Steps to reproduce

Add transition prop. transition="scale-transition"

Expected Behavior

It should work like other transitions.

Actual Behavior

it is just fade in the center location. localtion='center' but it work in start and end location

Reproduction Link

https://codepen.io/Alokdev/pen/MWVmWGE?editors=101

[johnleider]

As far as I can tell, this is caused by locationStyles. The transform is taking priority and custom transitions, which is why it's always a fade transition, basically.

https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/location.ts

You can see the transitions work by commenting this out in VSnackbar:

[JulianPinzaru]

Environment

Vuetify Version: 3.0.0-beta.5 Vue Version: 3.2.36 Browsers: Chrome 103.0.5060.114 OS: Windows 10

Steps to reproduce

Add transition prop. transition="scale-transition"

Expected Behavior

It should work like other transitions.

Actual Behavior

it is just fade in the center location. localtion='center' but it work in start and end location

Reproduction Link

https://codepen.io/Alokdev/pen/MWVmWGE?editors=101

I'm experiencing the same issue. None of the transitions work as expected, except for v-fade-transition. They only work if location is set to any corner, like top left , bottom right, top right, bottom left. I hoped the transitions would work for any other locations but corners.