sl-carousel dots do not update on when you swipe on iOS

[ben-brown-domaine]

Describe the bug

A bug was reported here which was closed but is not fully fixed. The carousel dots do not update on when you swipe on iOS, however they do when you use the next/prev arrow buttons.

To Reproduce

Open https://shoelace.style/components/carousel on either Chrome or Safari on an iPhone and scroll to the version with pagination. Try swiping and you'll see the dots don't update. Try clicking the arrows and you'll see they do, and will scroll multiple slides to a pre-saved index state (looks like the swiping doesn't update an index variable)

Demo

RPReplay_Final1700112968.MP4

Screenshots

See demo video above

Browser / OS

• OS: iOS
• Browser: Chrome, Safari
• Browser version: latest

[oncode]

I also have similar problem when swiping to the next slide and then quickly swipping back before the first swipe has finished. The carousel shows 1 as current index but is back at slide 0 (event sl-slide-change doesn't get fired).

Screen.Recording.2023-11-25.at.01.46.19.mp4

[ben-brown-domaine]

@claviska Want us to debug and create a PR, or will you be able to resolve this?

[claviska]

We'd love some help with this if you have the time!

[bcbweb]

@claviska looks like this may already be resolved in PR #1748, still marked as draft though