akiran / akiran/react-slick

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

Aperta
#1,497 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
11.9k
Fork
2.1k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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?

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.