fix(b-carousel): fix glitching when switching slides fast (closes #5810) (#5845)

Hiws · jacobmllr95 · web-flow · commit 761bc9381ba2 · 2020-10-01T11:22:16.000+02:00
* fix glitchingg

* Update carousel.js

Co-authored-by: Jacob M&uuml;ller &lt;jacob.mueller.elz@gmail.com&gt;
diff --git a/src/components/carousel/carousel.js b/src/components/carousel/carousel.js
@@ -10,6 +10,7 @@ import {
   getActiveElement,
   reflow,
   removeClass,
+  requestAF,
   selectAll,
   setAttr
 } from '../../utils/dom'
@@ -269,7 +270,10 @@ export const BCarousel = /*#__PURE__*/ Vue.extend({
       // Don't change slide while transitioning, wait until transition is done
       if (this.isSliding) {
         // Schedule slide after sliding complete
-        this.$once('sliding-end', () => this.setSlide(slide, direction))
+        this.$once('sliding-end', () => {
+          // Wrap in `requestAF()` to allow the slide to properly finish to avoid glitching
+          requestAF(() => this.setSlide(slide, direction))
+        })
         return
       }
       this.direction = direction
