I’m trying to use Splide to display a carousel with different perMove and perPage values for different breakpoints; however, the perMove value doesn’t seem to have any effect. Here’s my code:
I have six items in my carousel, so on mobile (below 576px) I see one item at a time with six pagination dots. So far, so good.
However, at the different breakpoints I’ve defined, the perMove option doesn’t seem to have any effect. For example, at the 576px breakpoint, I would expect to see two items at a time with only three pagination dots (since there are two items per page). At 768px, three items at a time with two pagination dots, etc. But what actually happens is that every breakpoint still shows six pagination dots, even though the number of items shown per page is changing.
I don’t see anything in the documentation that indicates the pagination doesn’t respond to different perMove values, so this seems like a bug.
Checks
Version
v4.1.4
Description
I’m trying to use Splide to display a carousel with different
perMove
andperPage
values for different breakpoints; however, theperMove
value doesn’t seem to have any effect. Here’s my code:Reproduction Link
No response
Steps to Reproduce
Configure different breakpoints and define unique
perMove
andperPage
values for each:Expected Behaviour
I have six items in my carousel, so on mobile (below 576px) I see one item at a time with six pagination dots. So far, so good.
However, at the different breakpoints I’ve defined, the
perMove
option doesn’t seem to have any effect. For example, at the 576px breakpoint, I would expect to see two items at a time with only three pagination dots (since there are two items per page). At 768px, three items at a time with two pagination dots, etc. But what actually happens is that every breakpoint still shows six pagination dots, even though the number of items shown per page is changing.I don’t see anything in the documentation that indicates the pagination doesn’t respond to different
perMove
values, so this seems like a bug.