Merge pull request #1906 from Codeinwp/fix/slider-not-working

Slider not working inside a flex container
Codeinwp · Dec 18, 2023 · d3997e8 · d3997e8
2 parents 9eb25ea + 0bbfa37
commit d3997e8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/blocks/blocks/slider/style.scss b/src/blocks/blocks/slider/style.scss
@@ -12,13 +12,14 @@
 	--width: auto;
 
 	width: var( --width );
+	display: grid;
 
 	.glide__track {
 		border: var( --border-width ) solid var( --border-color );
 		border-radius: var( --border-radius );
 		overflow: hidden;
 	}
-	
+
 	.glide__slides {
 		height: var( --height );
 		animation: load 4s 3;

diff --git a/src/blocks/frontend/slider/index.js b/src/blocks/frontend/slider/index.js
@@ -35,7 +35,7 @@ const init = () => {
 						slider.appendChild( el.firstElementChild );
 					}
 
-					new window.Glide( `#${ slider.id }`, {
+					new window.Glide( slider, {
 						...slider.dataset,
 						type: 'carousel',
 						keyboard: true,