[Modal] Fix modal closed when cursor is released outside the modal (fix #285)

Author: wxsms

src/components/modal/Modal.vue

@@ -1,6 +1,19 @@
 <template>
-  <div tabindex="-1" role="dialog" class="modal" :class="{fade:transitionDuration>0}" @click.self="backdropClicked">
-    <div ref="dialog" class="modal-dialog" :class="modalSizeClass" role="document">
+  <div
+    tabindex="-1"
+    role="dialog"
+    class="modal"
+    :class="{fade:transitionDuration>0}"
+    style="pointer-events: none"
+    @click.self="backdropClicked"
+  >
+    <div
+      ref="dialog"
+      class="modal-dialog"
+      :class="modalSizeClass"
+      role="document"
+      style="pointer-events: auto"
+    >
       <div class="modal-content">
         <div class="modal-header" v-if="header">
           <slot name="header">
@@ -34,7 +47,7 @@
         </div>
       </div>
     </div>
-    <div ref="backdrop" class="modal-backdrop" :class="{fade:transitionDuration>0}"></div>
+    <div ref="backdrop" class="modal-backdrop" :class="{fade:transitionDuration>0}" @click="backdropClicked"></div>
   </div>
 </template>