Is anyone else experiencing a flashing issue when changing slides in the slider periodically? Specifically, the first slide flashes when transitioning from the first to the last slide.
This bug seems to be isolated to Chrome only. Interestingly, I've observed that minimizing and then maximizing the browser window may trigger the bug more frequently (but this is not confirmed).
Despite trying the solution provided at https://github.com/glidejs/glide/issues/300, the issue persists!
Here is a small demo I created: https://codepen.io/depressingutopian/pen/jOwvpGQ?editors=1111
https://i.sstatic.net/qAtIM.gif
const initCarousel = () => {
const slides = document.querySelectorAll('.glide__slide');
if (slides.length) {
const sliderConfiguration = {
gap: 0,
type: 'carousel',
autoplay: '1000',
animationDuration: '500',
hoverpause: false,
keyboard: true,
animationTimingFunc: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
swipeThreshold: 0,
dragThreshold: false
};
const slider = new Glide('.map-banner', sliderConfiguration);
slider.mount();
}
}
initCarousel();/* CSS code snippet here *//* HTML code snippet here */Any assistance in resolving this flashing bug would be greatly appreciated.