[Help]: Scroll vertically potential bug or wrong setup

[karchung0930]

Summary

I'm trying to make a IOS Style Picker Loop followed by this example.

But I realize it is for TypeScript and React only. I have tried to convert it into Vue but it's too complicated to me :(

I have create my own minimal code for Vue:
https://codesandbox.io/p/devbox/vue-3-tailwind-3-forked-vkfh5h?workspaceId=ws_RED7cPBjpU8jA6cRgA6XzT

But I have encounter one problem, when we scroll down (since it's a loop), the 2,3,4,5 will disappear.
I have really no idea if there is a bug in my code or I have setup the Carousel wrongly or this is really a bug from Embla.

And lastly, how do I make the starting index to be in the middle?
Thank you so much for helping in advance

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

No response

CodeSandbox example

https://codesandbox.io/p/devbox/vue-3-tailwind-3-forked-vkfh5h?workspaceId=ws_RED7cPBjpU8jA6cRgA6XzT

[davidjerleke]

@karchung0930 I’m unable to access your sandbox—it looks like it’s set to private.