Slides not swiping on mobiles #127

glidejs · Nov 8, 2015 · ebaa3de · ebaa3de
1 parent 8300362
commit ebaa3de
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/dist/css/glide.core.css b/dist/css/glide.core.css
@@ -17,6 +17,7 @@
           transform-style: preserve-3d;
   -ms-touch-action: pan-Y;
       touch-action: pan-Y;
+  overflow: hidden;
 }
 .glide__track.dragging {
   cursor: -webkit-grabbing;
@@ -56,6 +57,9 @@
   float: left;
   clear: none;
 }
+.glide--carousel.glide--vertical .glide__track {
+  overflow: visible;
+}
 .glide--carousel .glide__slide {
   float: left;
   clear: none;

diff --git a/dist/css/glide.core.min.css b/dist/css/glide.core.min.css
diff --git a/src/less/glide.core.less b/src/less/glide.core.less
@@ -18,6 +18,7 @@
 		backface-visibility: hidden;
 		transform-style: preserve-3d;
 		touch-action: pan-Y;
+		overflow: hidden;
 
 		&.dragging {
 			cursor: grabbing;
@@ -63,6 +64,14 @@
 
 	&--carousel {
 
+		&@{that}--vertical {
+
+			@{that}__track {
+				overflow: visible;
+			}
+
+		}
+
 		@{that}__slide {
 			float: left;
 			clear: none;

diff --git a/src/sass/glide.core.scss b/src/sass/glide.core.scss
@@ -18,6 +18,7 @@
 		backface-visibility: hidden;
 		transform-style: preserve-3d;
 		touch-action: pan-Y;
+		overflow: hidden;
 
 		&.dragging {
 			cursor: grabbing;
@@ -63,6 +64,14 @@
 
 	&--carousel {
 
+		&#{$that}--vertical {
+
+			#{$that}__track {
+				overflow: visible;
+			}
+
+		}
+
 		#{$that}__slide {
 			float: left;
 			clear: none;