Vuetify: [Bug Report] Alert transition is not working

[nfraz007]

Environment

Vuetify Version: 2.0.4
Last working version: 1.5.16
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Linux x86_64

Steps to reproduce

just click on the toggle button, you will notice that fade transition is not working

Expected Behavior

It should give fade effect

Actual Behavior

fade effect

Reproduction Link

https://codepen.io/anon/pen/LwzNZd?editors=1010

Other comments

Please fix this.

[johnleider]

This is a css ordering issue where in the minified css, the utility transitions are being placed above the components. In the case of v-sheet, it applies a box shadow transition. @vuetifyjs/core-team any thoughts on just making the transition on v-sheet a blanket transition: $primary-transition?

Workaround for now: https://codepen.io/johnjleider/pen/voWyVQ?editors=1010

[nfraz007]

@johnleider : thanks for your response, I tried temporary solution, adding class="transition-swing" but still this is not working.

[poganytamas]

Workaround for now: https://codepen.io/johnjleider/pen/voWyVQ?editors=1010
This workaround works for me.

[KrilMun]

Is this still being tracked? I'm a little concerned, because I just wanted to follow this thread until it gets closed for good, so I can remove the workaround as soon as it gets fixed. It's sad the documentation's not linking this issue, though..

[nfraz007]

Actually it is still not working, i updated the vuetify to latest version
but no success.
i tried all the alternative which is given in this email. but no success.
if you want i can show you my code. i dont know it is working in other pr
not, but it is not working in mine.

On Mon, 21 Oct, 2019, 8:29 AM Lucas Antunes, [e-mail]
wrote:

Is this still being tracked? I'm a little concerned, because I just wanted
to follow this thread until it gets closed for good, so I can remove the
workaround as soon as it gets fixed. It's sad the documentation's not
updated to this issue, though..

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
https://github.com/vuetifyjs/vuetify/issues/8272?email_source=notifications&email_token=AFUPSESCFLQTRPNKT6SSFOLQPULK5A5CNFSM4IJAPPU2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEBY5CRA#issuecomment-544330052,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AFUPSEVM45TFI4Y63CTMFC3QPULK5ANCNFSM4IJAPPUQ
.

[pynner]

Just encountered this bug today, can confirm still happening. I'm seeing it with a VSkeletonLoader, working pre-minified @johnleider

[sh7dm]

@pynner please open a new issue!

[pynner]

@MajesticPotatoe ahh sorry didn't see your comment before I made the bug report

[MajesticPotatoe]

haha its fine, it was in error - didn't see you were talking about skeleton-loader. ignore me.