fix(b-modal): additional fixes for show transition behaviour (closes bootstrap-vue#4761) (bootstrap-vue#4777)

philipmountifield · web-flow · commit 1113c6f951d8 · 2020-02-17T15:11:41.000-04:00
diff --git a/src/components/modal/modal.js b/src/components/modal/modal.js
@@ -604,9 +604,13 @@ export const BModal = /*#__PURE__*/ Vue.extend({
     },
     onEnter() {
       this.isBlock = true
-      // We add show class 1 frame after
+      // We add the `show` class 1 frame later
+      // `requestAF()` runs the callback before the next repaint, so we need
+      // two calls to guarantee the next frame has been rendered
       requestAF(() => {
-        this.isShow = true
+        requestAF(() => {
+          this.isShow = true
+        })
       })
     },
     onAfterEnter() {
