akiran / akiran/react-slick

Blinking images in nested sliders with infinite Mode

オープン
#2,296 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
11.9k
フォーク
2.1k
PR マージ指標
30日以内にマージされた PR はありません

説明

Hello **react-slick** community,

I've been extensively working with the **react-slick library** for my project. I have a parent slider that contains multiple items, each having its own nested slider. I've observed an issue where, if I switch between images inside the nested slider and then move to a different item in the parent slider, the images tend to flicker or blink.

I suspect this behavior might be related to the infinite: true setting. It seems like when the images rotate indefinitely, an effect is created where the carousel potentially replicates the slides to achieve the infinite loop. This might be causing some confusion regarding the index of the image, especially when switching between the parent and nested sliders.

There is video demonstrating this problem [https://www.awesomescreenshot.com/video/21884916?key=9db58548d6e3835f37be22c213f6a385](url)

Here's a minimal example to reproduce the issue (_focus on the behaviour of item 1_):
[https://codesandbox.io/s/react-slick-nested-slider-8932m5?file=/src/App.js](url)

The behavior feels quite odd, and I'm looking for a solution or a workaround. Has anyone else experienced this? Any guidance or suggestions would be greatly appreciated.

Thank you in advance!

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。