akiran / akiran/react-slick

Responsive settings not working in Safari browser

Ouverte
#1,693 1 commentaire 4 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
11.9k
Forks
2.1k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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,

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.