Disable v-dialog persistent animation

Question

I am using the v-dialog component from vuetify with the persistent tag currently in my project.

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

Now, persistent prevents the user from closing the dialog by clicking outside. However, there is an bounce off effect when the user clicks outside. I would like to disable this bounce off effect.

Answer 1

You could use no-click-animation prop :

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