Slick: Div wraps in the new version (v1.8.1)

Created on 4 Oct 2017  路  12Comments  路  Source: kenwheeler/slick

In new version (1.8.1)

In this version slider building new html structure for slides: jsfiddle 1.8.1

Part of the code 1.8.1:

<div class="slick-track" style="opacity: 1; width: 5616px; transform: translate3d(-432px, 0px, 0px);">
  <div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 432px;">
    <div>
      <div style="width: 100%; display: inline-block;">slide6</div>
    </div>
  </div>
  <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" role="tabpanel" id="slick-slide00"
    style="width: 432px;" aria-describedby="slick-slide-control00">
    <div>
      <div style="width: 100%; display: inline-block;">slide1</div>
    </div>
  </div>
</div>

In previos version (1.8.0) is not.
Part of the code 1.8.0:

<div class="slick-track" style="opacity: 1; width: 5616px; transform: translate3d(-432px, 0px, 0px);">
  <div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 432px;">slide6</div>
  <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="0" role="tabpanel"
    id="slick-slide00" aria-describedby="slick-slide-control00" style="width: 432px;">slide1</div>
</div>

Most helpful comment

@js2017 Check this issue, it has a fix. #3110

All 12 comments

I have the same problem in 1.8.0. 1.7.1 is fine.

@js2017 Check this issue, it has a fix. #3110

Possible related, but I noticed that the slick-slide does not inherit the class from the original element on which .slick() was called anymore. Again, putting rows: 0 in the method did fix this issue as well.

Hm, here too. Do they even test before releases and prevent breaking changes by applying the previous behaviour by default?

Any idea when this is going to get fixed?

@hartey11, param rows: 0 solved this.

@hartey11, param rows: 0 solved this.

Still a breaking change. rows: 0 should be set by default.

Seems slick support is stopped

Seems slick support is stopped

Take a look at https://github.com/nolimits4web/Swiper

@DanielRuf thanks

Still a breaking change. rows: 0 should be set by default.

I agree.

rows: 0, works for me, thanks
The default value is rows: 1 in slick-1.8.1 version

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jeremymandel picture jeremymandel  路  3Comments

yangkennyk picture yangkennyk  路  3Comments

rahi-rajeev picture rahi-rajeev  路  3Comments

REPTILEHAUS picture REPTILEHAUS  路  3Comments

xitongzou picture xitongzou  路  3Comments