slider explodes on iOS and when viewport is resized

[made-by-chris]

Hi, I'm having a number of issues with this slider - when i change the width or even height of the viewport, all the images can disappear.

When I load the slider on a page in iOS, the slider takes up the full height of all of the images combined, and the images are not visible. It appears to have exploded.

Is anyone else facing these brittle behaviour issues?

Can you suggest any other javascript carousel libraries for compatibility with IE11 and iOS?

[lyfeyaj]

Please make sure that you are using the latest version of swipe: 2.0.12

If not, you can install it via npm install swipejs@latest

[made-by-chris]

I am using Swipe 2.0.12, do you have any other suggestions?
It would be good to know if this is/was an issue other people have seen, or just me.

[made-by-chris]

(FWIW i just extracted the min build from the latest release, that should be fine right?)

[lyfeyaj]

It seems something related with your stylesheets, the following css must be included in somewhere in your project to make sure swipe work as expected

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
  overflow: hidden;
}

[made-by-chris]

I included that also. I will check my markup and css to see if something is missing though

[lyfeyaj]

If this problem only happened when you resize your viewport, you can try to call mySwipe.setup() to let swipe re-initialize...

[made-by-chris]

hi it turns out the resize issue was due to a missing css style, i must have accidentally removed it
However the slider is still totally missing on iOS iphone 6 safari. Could be result of something else though I'll see.

[lyfeyaj]

Can't reproduce