Prevent the click event from firing on content below modal

2021-08-02 19:34:18 -04:00 · 2021-08-02 19:34:18 -04:00 · 3502d374e3
commit 3502d374e3
parent 0190a36070
1 changed files with 6 additions and 1 deletions
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@ -70,7 +70,12 @@ const MediaModal = {
      return fileTypeService.fileType(media.mimetype)
    },
    hide () {
-      this.$store.dispatch('closeMediaViewer')
+      // HACK: Closing immediately via a touch will cause the click
+      // to be processed on the content below the overlay
+      const transitionTime = 100 // ms
+      setTimeout(() => {
+        this.$store.dispatch('closeMediaViewer')
+      }, transitionTime)
    },
    goPrev () {
      if (this.canNavigate) {