akiran / akiran/react-slick

Slides flick back and forth when width is between 1080-1180px

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

説明

Hello slick team!

I'm experiencing weird behavior with the slider when the site resolution is between 1080 and 1180px. For some reason, the slider doesn't seem to know which width it should set itself, and keeps flickering on screen.

![resolution_flicker_issue](https://user-images.githubusercontent.com/10014020/52485814-d8964800-2ba0-11e9-8879-b3f7cdd8c4c0.gif)

Settings being currently used:
```
settings = {
dots: true,
arrows: true,
infinite: false,
speed: 500,
slidesToShow: 4,
slidesToScroll: 4,
verticalSwiping: false,
touchThreshold: 40,
centerMode: false,
variableWidth: false,
nextArrow: ,
prevArrow: ,
responsive: [{
breakpoint: 992,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},{
breakpoint: 544,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
}],
beforeChange: (current, next) => {
console.log('beforeChange')
},
afterChange: current => {
console.log('afterChange')
}
};
```
Any idea what might be causing this?

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

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

評価

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

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

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