search

akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.76k stars 2.11k forks source link

Responsive settings not working in Safari browser #1693

Open amangeot opened 4 years ago

amangeot commented 4 years ago

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 <div/> wrappers in the code around items to display

Thank you very much for sharing this project,

JtawRobot commented 3 years ago

any updates regarding with this one? still safari is not applying my responsive settings for my carousels.