question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Div wraps in the new version (v1.8.1)

See original GitHub issue

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>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:17
  • Comments:12

github_iconTop GitHub Comments

8reactions
kavaseycommented, Oct 5, 2017

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

4reactions
rtemisioncommented, Jan 19, 2018

@hartey11, param rows: 0 solved this.

Read more comments on GitHub >

github_iconTop Results From Across the Web

slick - the last carousel you'll ever need - Ken Wheeler
This new syntax allows you to call any internal slick method as well: ... Create a Wrapper Div for image, Include both you...
Read more >
flex-wrap - CSS: Cascading Style Sheets - MDN Web Docs
The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, ......
Read more >
ThemeNectar | Changelogs - Salient
Added new page builder element "Text Inline Images" which allows images to easily be placed in between words within a segment of text....
Read more >
Pym.js: Embed iframes responsively - NPR Visuals
We recommend in most cases that you use the latest stable version of Pym.js ... border around your container, wrap it in another...
Read more >
ngInclude - AngularJS: API
If the source is a string constant, make sure you wrap it in single quotes, e.g. src="'myPartialTemplate.html'" . onload. (optional). string. Expression to ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found