the width of the slides increases on swipe

napulitanfrontend commented 7 years ago

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:

samir-kamble commented 4 years ago

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

samir-kamble commented 4 years ago

found solution here.

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

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

devmark / angular-slick-carousel

the width of the slides increases on swipe #122