Merge pull request #1101 from davidjerleke/bug/#1082

[Bug]: Autoplay never starts if page with carousel is loaded in inactive browser tab
davidjerleke · Jan 7, 2025 · acad2f5 · acad2f5
2 parents 1b01939 + 6727eed
commit acad2f5
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/embla-carousel-autoplay/src/components/Autoplay.ts b/packages/embla-carousel-autoplay/src/components/Autoplay.ts
@@ -92,7 +92,7 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
       eventStore.add(emblaApi.containerNode(), 'focusout', startAutoplay)
     }
 
-    if (options.playOnInit && !documentIsHidden()) startAutoplay()
+    if (options.playOnInit) startAutoplay()
   }
 
   function destroy(): void {
@@ -124,6 +124,10 @@ function Autoplay(userOptions: AutoplayOptionsType = {}): AutoplayType {
 
   function startAutoplay(): void {
     if (destroyed) return
+    if (documentIsHidden()) {
+      playOnDocumentVisible = true
+      return
+    }
     if (!autoplayActive) emblaApi.emit('autoplay:play')
 
     setTimer()