splide icon indicating copy to clipboard operation
splide copied to clipboard

Slider does not loop when using isNavigation and two sliders

Open gavin310 opened this issue 2 years ago • 0 comments

Checks

  • [X] Not a duplicate.
  • [X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v4.1.4

Description

I have two sliders: an image slider and a data slider. The image slider is set to loop and not rewind and is the navigation of the data slider. The data slider is set to fade and rewind. I also have a custom arrow element outside of the Splide element that uses the API to control the slider.

When swiping on the image slider the slider continues to the next slides correctly. When swiping the last slide it seamlessly goes forward to the 1st slide (no rewind).

When swiping on the data slider, when you're on the last slide and swipe right it rewinds the image slider even though it should loop and not rewind.

When using the external custom arrows with the API everything works correctly (the image slider loops and does not rewind).

Reproduction Link

https://jsfiddle.net/sLve5c24/1/

Steps to Reproduce

  1. When on the last slide, drag the data slider to the next slide

Expected Behaviour

The image slider should seamlessly transition from the 3rd slide to the 1st slide.

gavin310 avatar Jan 24 '23 06:01 gavin310