Bug fix for #1082.

davidjerleke · Jan 7, 2025 · 4f97f20 · 4f97f20
1 parent 1b01939
commit 4f97f20
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
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()

diff --git a/playgrounds/embla-carousel-playground-vanilla/src/main.ts b/playgrounds/embla-carousel-playground-vanilla/src/main.ts
@@ -23,6 +23,7 @@ import {
   toggleDotBtnsActive
 } from './Carousel/setupDots'
 import './main.css'
+import Autoplay from 'embla-carousel-autoplay'
 
 const injectBaseStyles = (): void => {
   const styleElement = document.createElement('style')
@@ -55,7 +56,7 @@ injectBaseStyles()
 
 const SLIDE_COUNT = 6
 const OPTIONS: EmblaOptionsType = {}
-const PLUGINS: EmblaPluginType[] = []
+const PLUGINS: EmblaPluginType[] = [Autoplay({ delay: 2000 })]
 
 const emblaNodes = <HTMLElement[]>(
   Array.from(document.querySelectorAll('.embla'))