Vue.js Vuetify - v-dialog not shutting the PopUp window the second time.

 So here's what's happening 

The first time you open the Popup ( dialog ) and close it , it works fine the second time it crashes. 

In the console log I can see the following issue repeated a heap of times. 

VDialog.js?169a:226 Uncaught RangeError: Maximum call stack size exceeded.

    at VueComponent.onFocusin (VDialog.js?169a:226)

    at VueComponent.onFocusin (VDialog.js?169a:226)

    at VueComponent.onFocusin (VDialog.js?169a:226)

On search for the issue I found the following useful post . https://stackoverflow.com/questions/59913415/error-and-wrong-behaviour-on-close-component-from-parent-using-vuetify-v-dialog

The fix for me was 

<v-dialog

v-model="dialog"

fullscreen

:retain-focus="false"

>