为什么我的vuetify对话框隐藏在这个邪恶的覆盖层后面?

我有一个vuetiful组件,它应该只显示一个对话框。不幸的是,一个邪恶的覆盖物占据了domverse。我如何克服半透明黑暗的力量?

Vue.component('step-form', {
    data: function() {
        return {
            dialog: false
        }
    },
    methods: {
        showDialog() {
            this.dialog=!this.dialog;
        }
    },
    template: `
    <v-dialog v-model="dialog" persistent max-width="600px">
        Help, I'm hidden behind this evil "overlay"!
    </v-dialog>
`
});

https://codepen.io/anon/pen/jJpWGx