Active page changes on container click (Firefox only)

[nctay]

2023-11-29.15.32.05.mov

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.