4.3.1 toast animation fadein fadeout doesn't work
Created by: Arryboom
Accross the https://getbootstrap.com/docs/4.3/components/toasts/ we know
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".
animation | boolean | true | Apply a CSS fade transition to the toast
so simple code below import jquery,boostrap4.3.1.css,bootstrap4.3.1.js:
<script>$("#errortip").toast('show')</script>
<div id="errortip" role="alert" aria-live="assertive" aria-atomic="true" class="toast" data-animation="true" data-autohide="true" data-delay=8000 style="position: absolute; top: 0; right: 0;">
<div class="toast-header">
<img src="error2.png" class="rounded mr-2" alt="...">
<strong class="mr-auto text-danger">Error</strong>
<small>11 mins ago</small>
<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body">
Cannot decode this text.
</div>
</div>
should got a toast showed with fadein and wait for 8000ms then fadeout,but actually nothing happen,a toast suddenly showed and after 8000ms suddenly disappear,no fade in or fade out style