angular-slick-carousel icon indicating copy to clipboard operation
angular-slick-carousel copied to clipboard

the width of the slides increases on swipe

Open napulitanfrontend opened this issue 8 years ago • 2 comments

I use angular-slick-carousel in my project, but on each images swipe width increases. WHY?? I used the same slider to another page, and I do not have this problem... This is my code:

JS:

(function () { 'use strict';

angular.module('collection')
		.controller('CollectionCtrl', ['$state',  'RouteConstant', '$sce', function ($state, RouteConstant, $sce) {
	
		var vm = this;
		vm.srcImages=[{
			src:'./images/collection/collection_00.png'
		},
		{
			src:'./images/collection/collection_01.jpg'
		},
		{
			src:'./images/collection/collection_02.jpg'
		},
		{
			src:'./images/collection/collection_03.jpg'
		},
		{
			src:'./images/collection/collection_04.png'
		}];
		vm.currentIndex = 0;
		vm.slickConfig = {
				    enabled: true,
				    autoplay: false,
				    infinite:true,
				    draggable: false,
				    prevArrow: false,
				    centerMode:false,
				    nextArrow: false,
				    swipeToSlide: true,
				    slidesToShow:2,
				    edgeFriction: 0.02,
				    slide:'div',
				    swipe: true,
	                touchMove: true,
	                touchThreshold: 5,
				    method: {}
				 		
			};

HTML:

napulitanfrontend avatar Mar 03 '17 09:03 napulitanfrontend

same problem facing here. Any one have resolution of the same?

samir-kamble avatar Feb 27 '20 10:02 samir-kamble

found solution here.

https://github.com/kenwheeler/slick/issues/2378

Please make sure you don't have flex element as parent.

samir-kamble avatar Feb 27 '20 11:02 samir-kamble