akiran / akiran/react-slick

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

Offen
#1,497 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
11.9k
Forks
2.1k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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?

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.