Disable continuous animation of v-dialog

Question

I am currently using vuetify's v-dialog component in my project, with persistent tags.

<v-dialog hide-overlay persistent>
    <v-card></v-card>
</v-dialog>

The persistent attribute now prevents the user from closing the dialog by clicking outside. However, when the user clicks outside, there is a bounce effect. I want to disable this bounce effect.

Answer 1

You can use no-click-animationAttribute:

<v-dialog
        v-model="dialog"
        persistent
        max-width="290"
        no-click-animation
    >
   ...