Changelog:

* Testing a new build in regards to #266
* set `autohide` to false for Toast demo

dist/bootstrap-native-v4.js

@@ -218,12 +218,12 @@
       var duration = supportTransitions ? globalObject[getComputedStyle](element)[transitionDuration] : 0;
       duration = parseFloat(duration);
       duration = typeof duration === 'number' && !isNaN(duration) ? duration * 1000 : 0;
-      return duration + 50; // we take a short offset to make sure we fire on the next frame after animation
+      return duration + 17; // we take a short offset to make sure we fire on the next frame after animation
     },
     emulateTransitionEnd = function(element,handler){ // emulateTransitionEnd since 2.0.4
       var called = 0, duration = getTransitionDurationFromElement(element);
       supportTransitions && one(element, transitionEndEvent, function(e){ handler(e); called = 1; });
-      setTimeout(function() { !called && handler(); }, duration);
+      setTimeout(function() { !called && handler(); }, duration + 17);
     },
     bootstrapCustomEvent = function (eventName, componentName, related) {
       var OriginalCustomEvent = new CustomEvent( eventName + '.bs.' + componentName);

dist/bootstrap-native.js

@@ -224,12 +224,12 @@
       var duration = supportTransitions ? globalObject[getComputedStyle](element)[transitionDuration] : 0;
       duration = parseFloat(duration);
       duration = typeof duration === 'number' && !isNaN(duration) ? duration * 1000 : 0;
-      return duration + 50; // we take a short offset to make sure we fire on the next frame after animation
+      return duration + 17; // we take a short offset to make sure we fire on the next frame after animation
     },
     emulateTransitionEnd = function(element,handler){ // emulateTransitionEnd since 2.0.4
       var called = 0, duration = getTransitionDurationFromElement(element);
       supportTransitions && one(element, transitionEndEvent, function(e){ handler(e); called = 1; });
-      setTimeout(function() { !called && handler(); }, duration);
+      setTimeout(function() { !called && handler(); }, duration + 17);
     },
     bootstrapCustomEvent = function (eventName, componentName, related) {
       var OriginalCustomEvent = new CustomEvent( eventName + '.bs.' + componentName);

lib/V3/utils.js

@@ -200,12 +200,12 @@ var globalObject = typeof global !== 'undefined' ? global : this||window,
     var duration = supportTransitions ? globalObject[getComputedStyle](element)[transitionDuration] : 0;
     duration = parseFloat(duration);
     duration = typeof duration === 'number' && !isNaN(duration) ? duration * 1000 : 0;
-    return duration + 50; // we take a short offset to make sure we fire on the next frame after animation
+    return duration + 17; // we take a short offset to make sure we fire on the next frame after animation
   },
   emulateTransitionEnd = function(element,handler){ // emulateTransitionEnd since 2.0.4
     var called = 0, duration = getTransitionDurationFromElement(element);
     supportTransitions && one(element, transitionEndEvent, function(e){ handler(e); called = 1; });
-    setTimeout(function() { !called && handler(); }, duration);
+    setTimeout(function() { !called && handler(); }, duration + 17);
   },
   bootstrapCustomEvent = function (eventName, componentName, related) {
     var OriginalCustomEvent = new CustomEvent( eventName + '.bs.' + componentName);

lib/V4/utils.js

@@ -194,12 +194,12 @@ var globalObject = typeof global !== 'undefined' ? global : this||window,
     var duration = supportTransitions ? globalObject[getComputedStyle](element)[transitionDuration] : 0;
     duration = parseFloat(duration);
     duration = typeof duration === 'number' && !isNaN(duration) ? duration * 1000 : 0;
-    return duration + 50; // we take a short offset to make sure we fire on the next frame after animation
+    return duration + 17; // we take a short offset to make sure we fire on the next frame after animation
   },
   emulateTransitionEnd = function(element,handler){ // emulateTransitionEnd since 2.0.4
     var called = 0, duration = getTransitionDurationFromElement(element);
     supportTransitions && one(element, transitionEndEvent, function(e){ handler(e); called = 1; });
-    setTimeout(function() { !called && handler(); }, duration);
+    setTimeout(function() { !called && handler(); }, duration + 17);
   },
   bootstrapCustomEvent = function (eventName, componentName, related) {
     var OriginalCustomEvent = new CustomEvent( eventName + '.bs.' + componentName);

v4.html

@@ -599,7 +599,7 @@ <h2>Toast <span class="badge badge-danger">BETA</span></h2>
             <svg class="bd-placeholder-img rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"><rect fill="#007aff" width="100%" height="100%"></rect></svg>
             <strong class="mr-auto">Bootstrap</strong>
             <small>11 mins ago</small>
-            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+            <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" data-autohide="false" aria-label="Close">
               <span aria-hidden="true">×</span>
             </button>
           </div>