akiran / akiran/react-slick

Responsive settings not working in Safari browser

Abierto
#1,693 1 comentario 4 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,
First of all, thank you for this project it's awesome!

**Visualizing the issue**
I struggle with Safari (and IE11) to display with responsive settings. It works like a charm on all other browsers though. It looks like responsive settings are not used at all. You can see it in action on this landing page: https://shakabay.com
The setting works well on Chrome/iOS.

Responsive settings we're using are defined here:
https://codesandbox.io/s/react-slick-playground-y4ykz?fontsize=14&hidenavigation=1&theme=dark

**The issue**
Safari doesn't seem to apply responsive settings. Changing the window

**Failed workarounds**
I tried to work around it forcing the component to re-render after it mounts, or passing `responsive={isMounted ? responsive : null}` (it seems to be a workaround for SSR issues) but that would not work either.

Does anyone have any idea? Is it a bug or am I completely misusing?

P.S. I do have these `

` wrappers in the code around items to display

Thank you very much for sharing this project,

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.