Clicking on the image causes the entire parent element to turn into a black screen. about vue-image-lightbox HOT 3 CLOSED

Could you provide a minimal reproduce process?

from vue-image-lightbox.

Here's how it works.
As an additional note, if the parent element is black, scrolling is not possible. Since the parent element is long and vertical, I think only the parent element is overlaid and the image is displayed in the center of the vertical parent element (probably). Since it can't be scrolled, the image seems to be hidden at the bottom, leaving a blackened parent element.
I haven't edited the css in this file.

<template>
  <div v-if="~">
      <v-row>
        <v-col v-for="(path, i) in media" :key="i">
          <v-img
            :src="path"
            @click="openGallery(i)"
          ></v-img>
        </v-col>
      </v-row>
    <LightBox
      ref="lightbox"
      :media="media"
      show-light-box="false"
      disable-scroll="false"
    ></LightBox>
  </div>
</template>

<script>
methods: {
    openGallery(i) {
      this.$refs.lightbox.showImage(i)
    }
  }
</script>

from vue-image-lightbox.

There was an overlay on the parent element, but we solved it by changing the implementation.

from vue-image-lightbox.