Juicebox Hotfix for iOS 9

For iOS 9 we have made a small but important update to fix fullscreen galleries rendering at the wrong size. JuiceboxBuilder now adds a viewport tag to the HTML page generated when building a new gallery. The viewport tag looks like this:

<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

If you are having issues with galleries appearing at the wrong size on iOS 9, please check you have the tag above placed in the HTML page’s head tag as seen in the source code of this page:

Each release of iOS comes with changes to Safari’s browser behavior which usually requires an update to Juicebox. In iOS 9, viewport tags added via JavaScript are no longer respected, meaning we have to add the viewport tag in the HTML code. The viewport tag is crucial to how mobile devices render web pages. It defines the size of the page as it should appear on smaller screens.

Upgrading to v1.4.4.2

As always, Juicebox-Pro upgrades are free within the same major version number. Check here for upgrade information. Juicebox-Lite users can get the update here. Please report any issues in the support forum. Plugins and templates have been updated.

Leave a Reply

Your email address will not be published. Required fields are marked *