Initial carousel position and current index not working when using big scroll-hint

[oncode]

Describe the bug

When I'm using a carousel with three items and showing two (slides-per-page="2") and setting a big scroll hint (--scroll-hint: 200px), on reload the carousel scroll-container seems to scroll to the right side (when browser width is e.g. 900px). Also when scrolling back or forth, the current index doesn't update. Maybe the problem is that the third item is already full in-view?
For context, I'm trying to create a carousel that is inside a container, but breaks out left/right with the scroll-hint property and negative margin-left/right.

To Reproduce

Open codepen, set the browser width to 900px and reload.

Demo

https://codepen.io/oncode_pens/pen/RNbrWBm

Screenshots

After loading the codepen carousel is scrolled completely to the right and currentIndex is 0:

Expected initial position of the carousel (0) and when scrolled to right the currentIndex should be 1:

Browser / OS

• OS: Mac 12.5
• Browser: Chrome
• Browser version: 131