Slick: Slick doesn't stop loading called in an iframe (iPad)

[ccreusat]

Hi,

I have an html file with slick.js inside (html, js, css),
I put this html file in the "src" attribute of an iframe.
This iframe is called in a page in my project.
When page loading, slick doesn't stop loading. It slides, slides, slides, forever :D

Only on iPad (Portrait or landscape)

Any ideas, guys ?

[Khrystyna]

Hi,

I have the same issue. It loads normally, but then slick slides become really very wide. It brokes iframe width.

[simeydotme]

Please could either of you produce a JSFiddle to reproduce this?
It's very very very edge case, and probably a safari bug (there's so many. jeez, safari!) but in case it isnt we'd need to see it in action. :smile:

Thanks, Simon

_( ps, please read: ​contributing guidelines )_
​

[Khrystyna]

Yes, sorry, you are right. Quick note for @knightkiddo, it seems ios Safari ignores width attribute of iframe (if set to 100%). Try to set width of container where you have slick gallery to 100vw instead of 100%. It helped me. Works OK now.

[simeydotme]

Thanks for the reaponse, helpful comment! :D

[ccreusat]

Hi guys

To solve this problem, I used this :
http://www.spacevatican.org/2015/4/7/on-mobile-safari-and-iframes/

Hope it will help

2016-01-26 11:24 GMT+01:00 Simon Goellner [email protected]:

Thanks for the reaponse, helpful comment! :D

—
Reply to this email directly or view it on GitHub
https://github.com/kenwheeler/slick/issues/1470#issuecomment-174945017.

[maenda]

Thanks @Khrystyna, worked like a charm :)

[vmvargas]

Worked!

[LuciaLil]

Thanks a lot @Khrystyna it saved our day!

[Helene-Expertime]

Thanks @Khrystyna!