From af4b1aba708b63cc4fffec3ab4c3b06cb0769596 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 18 Apr 2021 16:14:46 +0200
Subject: [PATCH] Use mousedown instead of click event to close modals

---
 src/components/modal/modal.vue          | 2 +-
 src/views/tasks/TaskDetailViewModal.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue
index 3c130d09..4f58cf3e 100644
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@@ -1,7 +1,7 @@
 <template>
 	<transition name="modal">
 		<div class="modal-mask">
-			<div class="modal-container" @click.self.prevent.stop="$emit('close')">
+			<div class="modal-container" @mousedown.self.prevent.stop="$emit('close')">
 				<div class="modal-content" :class="{'has-overflow': overflow, 'is-wide': wide}">
 					<slot>
 						<div class="header">
diff --git a/src/views/tasks/TaskDetailViewModal.vue b/src/views/tasks/TaskDetailViewModal.vue
index b0d99081..4ca274ae 100644
--- a/src/views/tasks/TaskDetailViewModal.vue
+++ b/src/views/tasks/TaskDetailViewModal.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="modal-mask">
-		<div @click.self="close()" class="modal-container">
+		<div @mousedown.self="close()" class="modal-container">
 			<div class="scrolling-content">
 				<a @click="close()" class="close">
 					<icon icon="times"/>