diff --git a/src/components/modal/modal.vue b/src/components/modal/modal.vue
index 3c130d096..4f58cf3e3 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 b0d990816..4ca274aee 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"/>