Vuetify: [Bug Report] VDialog VOverlay on background tab

Created on 20 Aug 2019 · 5Comments · Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.7
Last working version: 1.5.17
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.100
OS: Windows 10

Steps to reproduce

Open codepen link in background tab.
Wait a couple of seconds.
Activate browser tab.
VDialog closed, but VOverlay still present

Expected Behavior

kill VOverlay

Actual Behavior

VOverlay locks window

Reproduction Link

https://codepen.io/Buzzzzer/pen/YzKGLoO?editors=1010

VDialog bug

Source

buzzzzer

👍9

Most helpful comment

After 6 months of no fix, is this bug lost in the cracks or is there no trivial way to fix?

Pazza on 10 Feb 2020

👍11 🚀10

All 5 comments

Just wanted to note a current existing workaround:

Just skip using the dialog and use the v-overlay directly with a v-card, seems to work fine as compared to "persistent" dialog, and somewhat similar result, just no default animations as offered by the dialog

malkhuzayyim on 2 Dec 2019

👍3

<v-overlay :value="hold" :opacity="0.3">
    <v-card
      color="blue darken-2"
      dark width="300">
      <v-card-text>
        Loading... Please wait.
        <v-progress-linear
          indeterminate
          color="white"
          class="mb-0"
        ></v-progress-linear>
      </v-card-text>
    </v-card>
  </v-overlay>

this might be a different alternative until the problem is solved.

ashkan90 on 27 Dec 2019

👍2

After 6 months of no fix, is this bug lost in the cracks or is there no trivial way to fix?

Pazza on 10 Feb 2020

👍11 🚀10

Hello.. When can we expect a fix for this?

ananthachetan on 5 Apr 2020

There was an existing PR that was abandonned and it wasn't until recently that a new PR was opened. We are always looking for passionate developers to help us with building the framework. If you have any questions, reach out to me in the community, https://community.vuetifyjs.com .

Thank you everyone for your patience.