Disable v-dialog persistent animation

user_3622981 0
Viewed 1452

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.

v-model vuejs2 vue-component vuetify.js vue.js
1 Answers

You could use no-click-animation prop :

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