[Help]: Autoscroll Snapping

[mattbayX]

Summary

Hi, I am having issues with auto-scroll for some reason. When there are a lot of logos, it starts snapping after a certain amount of time. If there are under 21 logos, it works fine, but this issue occurs when there are more. mobile version works fine just desktop version

Please see the video below and my code.

Screen.Recording.2024-09-17.at.09.mp4

`document.addEventListener('DOMContentLoaded', function () {

const emblaNode = document.querySelector('.embla')

if (emblaNode) {

    const OPTIONS = { axis: 'y', loop: true }
    const OPTIONS_MOBILE = { loop: true }

    const viewportNode = emblaNode.querySelector('.embla__viewport')
    const emblaDesktop = EmblaCarousel(viewportNode, OPTIONS, [AutoScroll()])

    const emblaNodeMobile = document.querySelector('.embla--mobile')
    const viewportNodeMobile = emblaNodeMobile.querySelector('.embla__viewport--mobile')

    const emblaMobile = EmblaCarousel(viewportNodeMobile, OPTIONS_MOBILE, [AutoScroll()])

}

});`

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

No response

[davidjerleke]

Hi @mattbayX,

Please provide a CodeSandbox with your setup along with steps to reproduce the problem.

[mattbayX]

Yeah, Sure I have set one up here https://codesandbox.io/p/sandbox/brave-cori-sg6tw8 it seems to be when there's lot of logos i.e 21 or more it's breaking and starts snapping after a certain amount of time

[davidjerleke]

@mattbayX can you reproduce the problem with many items in this example?

[mattbayX]

Hi @davidjerleke i think i sorted this now as that example was working so issue was with the CSS and the height of mulity logos thanks for you help

[davidjerleke]

@mattbayX glad to hear that. Cheers 👍🏻.