pleroma-fe

commit: 3502d374e3d8546699f644fad2a5e98598d7df3a
parent 0190a360709cde899387b311dcf4bbaf508b00ba
Author: Tusooa Zhu <tusooa@kazv.moe>
Date:   Mon,  2 Aug 2021 19:34:18 -0400

Prevent the click event from firing on content below modal

Diffstat:
M
src/components/media_modal/media_modal.js
7
++++++-

1 file changed, 6 insertions(+), 1 deletion(-)
diff --git 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) {