[Bug Report] Dialog won't behave as modal when hide-overlay prop is true

Environment

Vuetify Version: 2.0.10 Vue Version: 2.6.10 Browsers: Chrome 76.0.3809.100 OS: Windows 10

Steps to reproduce

Set both the persistent and hide-overlay props to true on a Dialog

Expected Behavior

The Dialog will persist even when the user clicks outside of it.

Actual Behavior

The Dialog gets dismissed when the user clicks outside of it.

Reproduction Link

https://codepen.io/wallslide/pen/BaBpZbR

[FelixINX]

I think the problem is in the following bit : https://github.com/vuetifyjs/vuetify/blob/51a0336e23c6e07d5bced84caa4b0c686f28a672/packages/vuetify/src/components/VDialog/VDialog.ts#L169-L179

It probably broke on v2.0.8 (https://github.com/vuetifyjs/vuetify/commit/652ba11) when this.overlay was added as a requirement for this function.

[ErikMikkelson]

Here’s a workaround for people wanting to use bottom sheet with persist and hide-overlay in the meantime… We extend VBottomSheet with a new control that operates correctly. The export as any makes it work with vue-property-decorator.

import { VBottomSheet } from "vuetify/lib";

export default {
    extends: VBottomSheet,

    methods: {
        closeConditional(_e: Event) {
            return false;
        }
    }
} as any;