Skip to content
Permalink
Browse files
fix(b-carousel): fix glitching when switching slides fast (closes #5810
…) (#5845)

* fix glitchingg

* Update carousel.js

Co-authored-by: Jacob Müller <jacob.mueller.elz@gmail.com>
  • Loading branch information
Hiws and jacobmllr95 committed Oct 1, 2020
1 parent 9ed1060 commit 761bc9381ba24aed751726c8213651e2014aa746
Showing 1 changed file with 5 additions and 1 deletion.
@@ -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

0 comments on commit 761bc93

Please sign in to comment.