akiran / akiran/react-slick

Responsive settings not working in Safari browser

Offen
#1,693 1 Kommentar 4 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,
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,

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

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