akiran / akiran/react-slick

Responsive settings not working in Safari browser

オープン
#1,693 コメント 1 件 リアクション 4 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
11.9k
フォーク
2.1k
PR マージ指標
30日以内にマージされた PR はありません

説明

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,

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。