modal: fixed animation bug on hide.

yuche · Sep 19, 2016 · b128d87 · b128d87
1 parent f9a1f9c
commit b128d87
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/Modal.vue b/src/Modal.vue
@@ -12,7 +12,7 @@
         <slot name="modal-header">
           <div class="modal-header">
             <button type="button" class="close" @click="close"><span>&times;</span></button>
-            <h4 class="modal-title" > 
+            <h4 class="modal-title">
               <slot name="title">
                 {{title}}
               </slot>
@@ -108,17 +108,17 @@ export default {
           body.style.paddingRight = scrollBarWidth + 'px'
         }
         if (this.backdrop) {
-          $(el).on('click', (e) => {
+          $(el).on('click', e => {
             if (e.target === el) this.show = false
           })
         }
       } else {
-        $(el).on('transitionend', () => {
+        body.style.paddingRight = null
+        $(body).removeClass('modal-open')
+        $(el).removeClass('in').on('transitionend', () => {
           $(el).off('click transitionend')
           el.style.display = 'none'
-          body.style.paddingRight = '0'
-        }).removeClass('in')
-        $(body).removeClass('modal-open')
+        })
       }
     }
   },