Shortlist behaves oddly in iframe on iOS Safari

[EthanUnzicker1]

I'm hosting a Shortlist Story map and I'm going to be displaying that on my site in an iframe, but it's behaving oddly on iOS 10 Safari.

Regardless of any height I set for the iframe or even if I wrap it in a div with set dimensions, the height iframe continually expands and doesn't stop!

Here is a link to the dev page Erie MetroParks | Discover it. - Dummy Page 

Currently I don't have any dimensions specified for the iframe. I wanted to remove anything that was telling the iframe to resize to narrow down where the problem was coming from, and so I think it has something to do with the Shortlist app itself.

Any ideas on how to fix this?

[MarkCooney]

Hi Ethan,

I am able to reproduce the issue you are seeing with iOS 10 and Shortlist in an iFrame, and have narrowed it down to a problem with the way we handle resizing some of the Shortlist elements.  We have a fix for it, and are planning on including it in a Github update (available via download), most likely happening Monday.  It would be best to wait for that update to pick up some of the other improvements/fixes we have made, but if you absolutely need the fix for the iFrame sizing issue before then, feel free to DM me on here, and we can help you patch that.

Mark

[EthanUnzicker1]

Thanks so much, Mark!!

I'm ahead of schedule on this project so I can wait for the update. 

Cheers!

[MarkCooney]

Version 2.0.2 is now available on GitHub.  Releases · Esri/shortlist-storytelling-template-js · GitHub 

[EthanUnzicker1]

Awesome!

So since I'm self hosting this, and I've made customizations to the styling, how would I go about installing the update without overriding all of my customizations?

[MarkCooney · Accepted solution]

Any customizations that you made to your original Shortlist would have to be ported over manually to the new version.