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 · 4552c28e06
parent 214338b9f0
commit 4552c28e06
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
@ -58,7 +58,12 @@ const MediaModal = {
  },
  methods: {
    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) {