From 629c73d3ceacf9ebd787812c4a1ea09e87ea834d Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranavrajs@gmail.com>
Date: Sun, 1 Mar 2020 11:23:55 +0530
Subject: [PATCH] Fix onBackDropClick (#578)

---
 app/javascript/dashboard/components/Modal.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/javascript/dashboard/components/Modal.vue b/app/javascript/dashboard/components/Modal.vue
index 7c690739c..b7d9489fb 100644
--- a/app/javascript/dashboard/components/Modal.vue
+++ b/app/javascript/dashboard/components/Modal.vue
@@ -1,6 +1,11 @@
 <template>
   <transition name="modal-fade">
-    <div v-if="show" class="modal-mask" transition="modal" @click="close">
+    <div
+      v-if="show"
+      class="modal-mask"
+      transition="modal"
+      @click="onBackDropClick"
+    >
       <i class="ion-android-close modal--close" @click="close"></i>
       <div class="modal-container" :class="className" @click.stop>
         <slot />
@@ -35,6 +40,9 @@ export default {
   },
   methods: {
     close() {
+      this.onClose();
+    },
+    onBackDropClick() {
       if (this.closeOnBackdropClick) {
         this.onClose();
       }