From ebb1eea52082d0909bf9013608a65028b6afca20 Mon Sep 17 00:00:00 2001
From: Shohei Yoshida <ysds.code@gmail.com>
Date: Tue, 23 Jul 2019 23:21:23 +0900
Subject: [PATCH] Force reflow for fade-in animation (#29113)

---
 js/src/toast/toast.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/js/src/toast/toast.js b/js/src/toast/toast.js
index 3ed02561a8..04d3a05f80 100644
--- 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)
-- 
2.47.2