Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issue when using disableOnInteraction: true and pauseOnMouseEnter: true #4598

Closed
mrleemon opened this issue May 22, 2021 · 0 comments
Closed

Comments

@mrleemon
Copy link

mrleemon commented May 22, 2021

  • Swiper Version: 6.6.2
  • Platform/Target and Browser Versions: Windows 10 and Firefox 88

What You Did

I set a slider with: disableOnInteraction: true and pauseOnMouseEnter: true

This is the full init code:

var swiper = new Swiper( '.swiper-container', {
    loop: true,
    autoHeight: true,
    observer: true,
    autoplay: {
        delay: 3000,
        disableOnInteraction: true,
        pauseOnMouseEnter: true,
    },
    navigation: {
        nextEl: '.slider-navigation .slider-next',
        prevEl: '.slider-navigation .slider-prev',
    },
});

Expected Behavior

Autoplay is behaving strangely;

  • The delay between slides changes constantly
  • Autoplay sometimes stops even when the mouse is not over the Swiper container

Actual Behavior

Autoplay should be behaving as expected:

  • The delay between slides should be always the same
  • Autoplay must stop only when the mouse is over the Swiper container
@mrleemon mrleemon changed the title Issue when using disableOnInteraction: false and pauseOnMouseEnter: true Issue when using disableOnInteraction: true and pauseOnMouseEnter: true May 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant