[Bug]: Trailing spaces

[yashnerkar]

Which variants of Embla Carousel are you using?

• [ ] embla-carousel (Core)
• [X] embla-carousel-react
• [ ] embla-carousel-vue
• [ ] embla-carousel-svelte
• [X] 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)

Steps to reproduce

The bug occurred when I added the embla carousel with opacity. I have added the options as align: "center", containScroll:"trim snaps", but still have not removed the trailing spaces.

Expected Behavior

Adding the containScroll : timesnaps it should remove the trailing spaces.

Additional Context

I have also tried...

What browsers are you seeing the problem on?

No response

Version

8.0.0

CodeSandbox

https://codesandbox.io/p/sandbox/embla-carousel-opacity-react-forked-c8dzzk

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues
• [X] I agree to follow this project's Contributing Guidelines for bug reports

[davidjerleke]

@yashnerkar this has nothing to do with the trimSnaps option. You're trying to tween custom styles and using scale which is misplacing elements. Don't apply your tween to the outer slide element but rather on any element inside it instead. Like the image for example. See this CodeSandbox.

This issue is scheduled for deletion and will be deleted as soon as you've seen the CodeSandbox.