From 9b27a6e7b92511a791e8e90e6dc8da8ed20f3ccf Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Mon, 8 May 2023 15:39:20 -0400
Subject: [PATCH] fix click.stop

---
 packages/client/src/components/MkMediaList.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/MkMediaList.vue b/packages/client/src/components/MkMediaList.vue
index fb3dab324..cd38196c1 100644
--- a/packages/client/src/components/MkMediaList.vue
+++ b/packages/client/src/components/MkMediaList.vue
@@ -16,6 +16,7 @@
 				:data-count="
 					mediaList.filter((media) => previewable(media)).length
 				"
+				@click.stop
 			>
 				<template
 					v-for="media in mediaList.filter((media) =>
@@ -26,7 +27,6 @@
 						v-if="media.type.startsWith('video')"
 						:key="media.id"
 						:video="media"
-						@click.stop
 					/>
 					<XImage
 						v-else-if="media.type.startsWith('image')"
@@ -35,7 +35,6 @@
 						:data-id="media.id"
 						:image="media"
 						:raw="raw"
-						@click.stop
 					/>
 				</template>
 			</div>
@@ -190,6 +189,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 		margin-top: 4px;
 		border-radius: var(--radius);
 		overflow: hidden;
+		pointer-events: none;
 
 		&:before {
 			content: "";
@@ -209,6 +209,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 			> * {
 				overflow: hidden;
 				border-radius: 6px;
+				pointer-events: all;
 			}
 
 			&[data-count="1"] {