From f29595269eb69459c278235d9ac0d51270b4c71a Mon Sep 17 00:00:00 2001
From: Alexandr Kozhevnikov <onmotion1@gmail.com>
Date: Thu, 30 Aug 2018 11:15:24 +0300
Subject: [PATCH] fix #302

The mutationObserver starts to observe the modal until it appeared
---
 src/Modal.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Modal.vue b/src/Modal.vue
index 34d7d66f..8c76651f 100644
--- a/src/Modal.vue
+++ b/src/Modal.vue
@@ -17,6 +17,7 @@
         </div>
         <transition
           :name="transition"
+          @before-enter="beforeTransitionEnter"
           @after-enter="afterTransitionEnter"
           @after-leave="afterTransitionLeave"
         >
@@ -591,7 +592,7 @@ export default {
      */
     connectObserver () {
       if (this.mutationObserver) {
-        this.mutationObserver.observe(this.$refs.modal, {
+        this.mutationObserver.observe(this.$refs.overlay, {
           childList: true,
           attributes: true,
           subtree: true
@@ -607,9 +608,12 @@ export default {
       }
     },
 
-    afterTransitionEnter () {
+    beforeTransitionEnter () {
       this.addDraggableListeners()
       this.connectObserver()
+    },
+
+    afterTransitionEnter () {
       this.$emit(
         'opened',
         this.createModalEvent({ state: true })