Carousel pagination markers do not change when items are swiped on mobile

[gjrogala]

Describe the bug

When viewed on a mobile device (only tested iPhones) the pagination markers below the slider do not change accordingly when carousel items are swiped.

To Reproduce
Steps to reproduce the behavior:

1. Go to Carousel documentation page on WebAwesome Alpha
2. Click on 'Edit' for any Carousel example that has pagination and mouse dragging enables and open the Codepen page on mobile
3. Swipe the items

Demo

Here is my demo (open on mobile)
https://codepen.io/grzegorz-rogala/pen/LYKxOZR/0b4177bc561512ddcf1bb9dda38d8e60

Browser / OS

• OS: Mac
• Browser: Mobile Safari, Mobile Chrome and Mobile Firefox
• Browser version: 17.6 same as the iOS

[claviska]

I reduced this and it looks like it's behaving correctly.

https://codepen.io/claviska/pen/poMaZXL?editors=1100

Note that the following attributes are set, which I think it causing confusion:

<wa-carousel ... slides-per-page="3" slides-per-move="3">

Slides per page will show three per "slide" and slides per move determines how many slides the carousel moves with previous/next. In its current state, you need to drag three slides for the dot to change. However, if you set slides-per-move to 1 you'll notice it update even when you slide just one.

If I'm missing something, please let me know and I'll reopen for further investigation.

[gjrogala]

It works when you use the navigation buttons but when I swipe my finger across the slides from left to right (as mouse dragging is enabled), the marker does not change for me.

I tested on iPhone SE with iOS 17.6.1 across Safari, Chrome and Firefox and the result persists.

[claviska]

when I swipe my finger across the slides from left to right (as mouse dragging is enabled

Ah, this is what confused me. Mouse dragging is actually handled in a separate code path because touch "just works" due to the use of scroll snap. It looks like that is working fine.

However, swiping no longer causes the navigation dots to update.

Thanks for clarifying!