Slick: Extra divs in slick

Created on 3 Nov 2017 · 10Comments · Source: kenwheeler/slick

2 Extra div for in slick when used version 1.8.1

When i used slick.js 1.8.1 unminifed file:
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.js

I got two extra div when i inspect.

hear is the js fiddle
https://jsfiddle.net/cz5nds1e/

Now When i use minifed file of the version 1.8.1
https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js

when i inspect there is no extra div

hear is the js fiddle
https://jsfiddle.net/offzcn8s/

When i debugged this issue i got to know that in minifed file a function 'buildRows' as
this condition below
l.options.rows > 1
and in unminifed file this condition
_.options.rows > 0

Source

jpunith

👍8 🎉1

Most helpful comment

The comment linked by @gserrg is very interresting. A quick (temporary) fix is to add "rows: 0" to the options of your slick slider.

Here is an example of mine :

$('.slick-frontpage').slick({
            dots: false,
            arrows: false,
            slidesToShow: 1,
            slidesToScroll: 1,
            infinite: true,
            rows: 0 // Fix vor v1.8.0-1
        });

pierre-r on 8 Nov 2017

👍47 🎉5 ❤1 😄1

All 10 comments

I use 1.8.0, have the same issue.

GrayYoung on 7 Nov 2017

https://github.com/kenwheeler/slick/commit/be0d17cc858fb30e6a4d6b28cc29860c7170040d#commitcomment-25450873

gserrg on 7 Nov 2017

👍5

I see this same issue. And since we are doing some custom positioning of content with flexbox. the extra <div> causes layout issues.

madhaze on 8 Nov 2017

The comment linked by @gserrg is very interresting. A quick (temporary) fix is to add "rows: 0" to the options of your slick slider.

Here is an example of mine :

$('.slick-frontpage').slick({
            dots: false,
            arrows: false,
            slidesToShow: 1,
            slidesToScroll: 1,
            infinite: true,
            rows: 0 // Fix vor v1.8.0-1
        });

pierre-r on 8 Nov 2017

👍47 🎉5 ❤1 😄1

@gserrg Thanks man for quick fix

jpunith on 8 Nov 2017

works like a charme