(feat): Add obser slides for dynamic slides in slider

teleporthq · Dec 19, 2023 · 8019cc9 · 8019cc9
1 parent ac8c006
commit 8019cc9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@teleporthq/teleport-custom-scripts",
-  "version": "0.0.24",
+  "version": "0.0.24-alpha-0",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "private": false,

diff --git a/src/slider.ts b/src/slider.ts
@@ -1,4 +1,5 @@
 import { Swiper } from "swiper";
+import { SwiperOptions } from 'swiper/types'
 import { Navigation, Autoplay, Pagination } from "swiper/modules";
 import "swiper/css";
 import "swiper/css/navigation";
@@ -112,8 +113,9 @@ export class Slider {
       }
 
       const modules = [Navigation, Autoplay, Pagination];
-      const swiperOptions = {
+      const swiperOptions: SwiperOptions = {
         modules,
+        observeSlideChildren: true,
         navigation: {
           nextEl: nextButton,
           prevEl: prevButton,