React-slick: .slick-active not on correct slicks

Created on 12 Apr 2018  路  7Comments  路  Source: akiran/react-slick

https://codesandbox.io/s/jlk8n3z9v9

  1. Inspect the elements, found slick-active class name is added properly to the first 4 slicks.
  2. Click > arrow button to flip to next page.
  3. 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.

High
Source
picture ipip2005

Most helpful comment

Any updates on this one?

picture ipip2005 on 20 Apr 2018
👍4

All 7 comments

Any updates on this one?

ipip2005 picture ipip2005 on 20 Apr 2018
👍4

Any updates?

ipip2005 picture ipip2005 on 10 May 2018

The same issue demo https://codesandbox.io/s/ymn9kr8xjz

maxval1 picture maxval1 on 29 Aug 2018

The same issue demo https://codesandbox.io/s/xj4jwqm2zp

qqli1209 picture qqli1209 on 5 Dec 2018

As the aria-hidden goes with slick-active class, see here, the keyboard navigation is impacted.

qqli1209 picture qqli1209 on 5 Dec 2018

@akiran Would you please take a look at this issue? Thanks!

qqli1209 picture qqli1209 on 7 Dec 2018

Any update on this issue?

ravi-zengenti picture ravi-zengenti on 16 Aug 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

quarklemotion picture quarklemotion  路  4Comments
walker-jiang picture walker-jiang  路  3Comments
rohitgoyal7 picture rohitgoyal7  路  3Comments
ramyatrouny picture ramyatrouny  路  3Comments
darkalor picture darkalor  路  4Comments