akiran / akiran/react-slick

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

Abierto
#1,497 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
11.9k
Forks
2.1k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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?

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.