[Bug]: Bad scroll progress reporting when loop = true

[glomotion]

Which variants of Embla Carousel are you using?

• [X] embla-carousel (Core)
• [X] 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-docs (Documentation)
• [ ] embla-carousel-docs (Generator)

Steps to reproduce

The bug occurs when I use the loop: true option, and try to visualise scroll progress. reproduction codesandbox

slide to the 5th (the very last) slide, and emblaApi.scrollProgress() returns ~0.8%

Expected Behavior

When you scroll to the 5th slide, the progress should be reported as 100%, as the 5th slide is the last.

Additional Context

No response

What browsers are you seeing the problem on?

Chrome, Safari

Version

8.0.3

CodeSandbox

Sandbox

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]

@glomotion this is not a bug, it’s expected behavior. The scroll progress is calculated based on the scrollable length of the carousel, which when loop is enabled also includes the distance from the last slide to the first.

On a side note I think your sandbox is private because I can't access it.