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.

.slick-active not on correct slicks

See original GitHub issue

https://codesandbox.io/s/jlk8n3z9v9

Inspect the elements, found slick-active class name is added properly to the first 4 slicks.
Click > arrow button to flip to next page.
Inspect again, now slick-active class is added to elements outside the viewport.

We can only detect the active items on the viewport when we can see accurately which ones are active slicks.

Issue Analytics

State:
Created 5 years ago
Comments:7

Top GitHub Comments

5reactions

ipip2005commented, Apr 20, 2018

Any updates on this one?

0reactions

ravi-zengenticommented, Aug 16, 2019

Any update on this issue?

Top Results From Across the Web

The class .slick-active appears on all slides, should only be ...

Only the first option should be active. It's not until you click, that it begins to work correctly. Is there a way to...

css - Repeat Error on Slick Carousel

The cause for this is that Slick changes the DOM order of the slide elements when switching from "first to last".

slick - the last carousel you'll ever need - Ken Wheeler

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

react-slick

Start using react-slick in your project by running `npm i react-slick`. There are 1774 other projects in the npm registry using react-slick.

asNavFor stopped working with AJAX loaded slicks

Basically Slick Fields and Views has already provided a fix for this: 1. Simply uncheck "asNavFor auto selectors", otherwise IDs added. 2. Then ......