1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-11 16:14:04 +02:00

fix fade animation for toast

This commit is contained in:
Johann-S
2018-12-06 13:53:01 +01:00
parent fc15c4c4ce
commit 1f4d7903db
2 changed files with 20 additions and 6 deletions

View File

@@ -29,9 +29,10 @@ const Event = {
}
const ClassName = {
FADE : 'fade',
HIDE : 'hide',
SHOW : 'show'
FADE : 'fade',
HIDE : 'hide',
SHOW : 'show',
SHOWING : 'showing'
}
const DefaultType = {
@@ -84,6 +85,9 @@ class Toast {
}
const complete = () => {
this._element.classList.remove(ClassName.SHOWING)
this._element.classList.add(ClassName.SHOW)
$(this._element).trigger(Event.SHOWN)
if (this._config.autohide) {
@@ -91,7 +95,8 @@ class Toast {
}
}
this._element.classList.add(ClassName.SHOW)
this._element.classList.remove(ClassName.HIDE)
this._element.classList.add(ClassName.SHOWING)
if (this._config.animation) {
const transitionDuration = Util.getTransitionDurationFromElement(this._element)
@@ -162,11 +167,11 @@ class Toast {
_close() {
const complete = () => {
this._element.classList.add(ClassName.HIDE)
$(this._element).trigger(Event.HIDDEN)
}
this._element.classList.remove(ClassName.SHOW)
if (this._config.animation) {
const transitionDuration = Util.getTransitionDurationFromElement(this._element)