[BUG]: components/carousel

[tahamahmoud7097-wq]

The "Carousel" component doesn't load items after the first one when set to loop after looping, as in:

1. I set carousel to loop.
2. I swiped until the last item.
3. I then swiped again, and it took me to the (copy of) first item.
4. Then I swiped again which is supposed to take me to the second item, but it just showed nothing.

A likely cause would be that the carousel doesn't properly jump to the real first item when you reach the copy of the first item.

The issue is on the website preview of carousel, so I can't provide details on the environment.

[sukeshhublikar]

Hi @tahamahmoud7097-wq ,

I couldn’t reproduce the issue on my side. Could you add more reproducible steps or details about your setup (browser, OS, carousel version, and any custom configs)? That will make it easier to investigate.

Thanks!

[tahamahmoud7097-wq]

Thanks for replying so quickly!

It seems this exact bug has been fixed, but another bug has appeared, here are the steps to reproduce it:

1. The browser I used is chrome Android, the OS is Xiaomi HyperOS, the device is a Redmi Note 11s.
2. Open the carousel component and only toggle the loop, this is the exact variant I used.
3. Scroll to the last item.
4. Go to the copy of the first item by scrolling right again (sliding from right to left).
5. This is where the bug happens, if you try to go back to the last item, it doesn't go to the copy of it, but goes to the real one and scrolls with an animation through all items and reaches the real last one instead of scrolling with an animation to the copy then jumping without an animation to the real last item.

This bug consistently happens every time I do these exact steps.