Use mousedown instead of click event to close modals

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">

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"/>