[Bug]: Autoplay never starts if page with carousel is loaded in inactive browser tab

[trumko]

Which variants of Embla Carousel are you using?

• 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)

Steps to reproduce

1. Open a new tab that contains a carousel, but do not switch to it immediately.
2. Allow the webpage in the new tab to fully load while remaining inactive.
3. After the page has loaded, switch to the tab containing the carousel.
4. Observed Behavior: The autoplay functionality of the carousel fails to activate upon viewing the tab.

Expected Behavior

If playOnInit flag has never been set to false the autoplay should work properly for the carousel.

Additional Context

Thank you so much for this carousel, it's awesome from every perspective!

What browsers are you seeing the problem on?

No response

Version

8.5.1

CodeSandbox

https://codesandbox.io/p/sandbox/2yxkrn

Before submitting

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

[davidjerleke]

@trumko thank you for your bug report. I will look into this when I get the chance. I'm working on v9 at the time of writing so it might take some time for me to solve this.

[davidjerleke]

@trumko a bug fix for this was just released in 8.5.2.