Active page changes on container click (Firefox only)

[nctay]

https://github.com/richardscarrott/react-snap-carousel/assets/36993061/85f3f59f-468f-4dce-9ce6-d960f4b43c5e

Active page changes to previous when scrollable container clicked and scrolled to end.

Replicated on storyboook example.

OS: MacOS 13.5.3 Browser: Firefox 120.0 (last ver)

[nctay]

@richardscarrott issue kinda resolved.

The last li item should have scroll-snap-align: 'end' (if it has isSnapPoint prop), then Firefox handles it correctly. I think it should be noted in docs.

[richardscarrott]

That's a strange one, must be a quirk of native scroll snap in FF. Only seems to happen when the last page is short. Thanks for sharing the fix. We can add a Q&A-style troubleshooting section to the docs mentioning this.