Force reflow for fade-in animation (#29113)

diff --git a/js/src/toast/toast.js b/js/src/toast/toast.js
index 3ed02561a8ccfb1a53dcec3aa83e44e21ee66511..04d3a05f80f63dc3c93c5f7afea0def711fcf526 100644 (file)
--- a/js/src/toast/toast.js
+++ b/js/src/toast/toast.js
@@ -10,6 +10,7 @@ import {
   TRANSITION_END,
   emulateTransitionEnd,
   getTransitionDurationFromElement,
+  reflow,
   typeCheckConfig
 } from '../util/index'
 import Data from '../dom/data'
@@ -114,6 +115,7 @@ class Toast {
     }
 
     this._element.classList.remove(ClassName.HIDE)
+    reflow(this._element)
     this._element.classList.add(ClassName.SHOWING)
     if (this._config.animation) {
       const transitionDuration = getTransitionDurationFromElement(this._element)