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.

Rows causing unexpected nested Div in latest

See original GitHub issue

It seems that recent changes surrounding options.rows from 1 > 0 have caused some unexpected changes to the element structure where a nested div is getting injected causing the slide itself to be multiple children deep. To resolve this on my end, I just overwrote with a rows: 0 option when initializing.

====================================================================

http://jsfiddle.net/akahn/z6hLx76f/

The fiddle shows an example with the default and also, overriding the rows option which reverts to the previous functionality. Inspecting the slick output, you can see the new rows change has caused div nesting on the slide items which may be unintentional.

====================================================================

Steps to reproduce the problem

Inspect the rendered output elements Observe nesting in the default initialization

====================================================================

What is the expected behaviour?

The slider initializes against the desired markup without adding nesting and divs to the structure with a single row slider.

====================================================================

What is observed behaviour?

The slider is initializing the slider and nesting rows in a single row slider.

====================================================================

More Details

  • Which browsers/versions does it happen on? Every
  • Which jQuery/Slick version are you using? Master branch
  • Did this work before? Yes, no issues with this functionality previously

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:29
  • Comments:8

github_iconTop GitHub Comments

17reactions
harnerdesignscommented, Sep 21, 2017

Having the same issues with Slick 1.8.0. First slider in page works as intended. Second slider on page nesting slide elements in an extra div. Adding rows: 0 to the .slick() initialization for the second slider resolved the issue.

Does it make a difference to use the data-slick attribute on the individual sliders and then $(element1, element2).slick();?

8reactions
nisargrthakkarcommented, Apr 15, 2020

Any update on extra DIV added in slide div???

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bottom Row of Nested Divs won't fill Larger Div - Stack Overflow
In my main center column, there is the 2x2 "content" div which has 4 grid areas within it. The issue is, the bottom...
Read more >
Nested Grid - Telerik UI for Blazor - Documentation - Telerik
Nested Grid - Unexpected (Multiple) calls to OnParametersSetAsync ... which causes the two renders // when you enter edit mode the current row...
Read more >
Detect errors in formulas - Microsoft Support
Formulas can sometimes result in error values in addition to returning unintended results. The following are some tools that you can use to...
Read more >
HTML Standard
Living Standard — Last Updated 26 December 2022 ... 2 Common infrastructure; 3 Semantics, structure, and APIs of HTML documents; 4 The elements...
Read more >
Chapter 8 Loops | Introduction to Programming with R
As nested conditions (see Conditional execution: Nested conditions), nested ... A typical example is to loop over all elements in a matrix with...
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