diff --git a/src/components/modal/modal.js b/src/components/modal/modal.js index 2371f9edc9f..bc2f9702167 100644 --- 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() {