• Registered: 2013-07-27
  • Posts: 12

Topic: Pro 1.4.2 with Chrome on Android

I had updated my Juicebox core folder to 1.4.2 and noticed that while things render properly using web browsers on both Mac and Windows platforms I noticed I had the issue where only half (or less than half) of the picture shows on the web page in Chrome on my Android phone (I don't have any other mobile platforms to test on). The forward and reverse arrows appear in what would be the proper placement but the gallery. I ended up downgrading the JB core back to 1.4.0.

Only having one mobile platform I don't know if other mobile browsers are affected in the same way.

Any suggestions on how to proceed? Thanks in advance.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Pro 1.4.2 with Chrome on Android

Unfortunately, there is currently a known bug (which should hopefully be fixed in the next version of Juicebox) whereby the value of the expandInNewPage configuration option can change the scale of the embedding page. This may be the cause of your problem.
If your gallery currently sets expandInNewPage="TRUE", then try setting expandInNewPage="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> General' section). Conversely, if your gallery currently sets expandInNewPage="FALSE", then try setting expandInNewPage="TRUE".
(Alternatively, try setting expandInNewPage="AUTO" if "TRUE" or "FALSE" do not work.)

Hopefully this will help, although if v1.4.0 works fine for you just now, you may wish to continue using it until the next version (with the fix for this problem) is released.

If this does not help, then, in order to investigate further, I would really need to see the problem for myself so please post back with the URL to your gallery so that I can take a look for myself. Thank you.

  • Registered: 2013-07-27
  • Posts: 12

Re: Pro 1.4.2 with Chrome on Android

Has this ever been addresses? I'm still using version 1.4 due to this outstanding bug.

  • Registered: 2013-07-27
  • Posts: 12

Re: Pro 1.4.2 with Chrome on Android

So I'm assuming this must be considered such a low priority on the list as far as maintenance of the software goes since it's been a known issue for at least four months. I would have thought a fix might have been pushed out by now.

It's a bit disappointing for those of use who coughed up money to license the software for multiple site use.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Pro 1.4.2 with Chrome on Android

My previous post from yesterday (which I have since deleted to avoid confusion) referred in error to a different bug.
Sorry for the incorrect response and any inconvenience caused.

The bug which I originally referred to (whereby the value of the expandInNewPage configuration option could change the scale of the embedding page) should affect only iOS devices.
If expandInNewPage="FALSE" and an iOS device is detected, then Juicebox dynamically sets the following meta viewport tag which may change the scale of the page.

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

More information on expanding galleries on iOS can be found here.

This problem should not affect Android devices so the original problem you encountered could be due to something else.

Did my original suggestion of changing the value of expandInNewPage make a difference?
You did not initially post back or provide the URL to your gallery so it appeared that you may have found a solution or workaround for your problem.

If you could please answer the following questions, we might have a better idea of what could be causing your problem.

  • Do you see the problem in any of our own v1.4.2 demo galleries here?

  • Does the problem occur in just Chrome or also in the Android stock browser?

  • Does the problem occur in a 100% x 100% size gallery (where the gallery is the only element on the web page, filling the page) or only in a gallery embedded in a web page alongside other content?

Also, in case the problem is somehow related to invalid HTML code, you could try validating your web page with the W3C Markup Validation Service and fix any errors reported. Once the code on your web page validates correctly, your web page should be rendered with greater predictability and consistency across different browsers.

The problem may also be due to a CSS conflict. There may be some custom CSS code on your web page which the Juicebox gallery is inheriting and which is causing the layout of your gallery to change. If you have any global CSS rules (which might, for example, affect all <div> or <img> tags on your web page, including those within the Juicebox gallery), then try applying these CSS rules to only those elements on your web page which require them through use of CSS selectors.

In order to investigate your problem further, I would really need to see the problem for myself so, if possible, please
reproduce a gallery with the problem you originally reported and then post back with its URL (and upload a screenshot somewhere showing what you are seeing) so that I can take a look and hopefully help further.
Also, please let me know what device and version of Chrome you are using. (The more information we have, the better.)
Thank you.

  • Registered: 2013-07-27
  • Posts: 12

Re: Pro 1.4.2 with Chrome on Android

I was originally notified about the problem by several site visitors and I had confirmed the issue in Chrome on Android. I did attempt the remedy mentioned but I don't believe it worked, which is why rolled back to the 1.4 version of core.

The gallery is embedded into a page which is already defined for viewport as my site is responsive and browser aware thanks to those who programmed it. Not having other mobile platforms I could not perform any comprehensive testing and had to depend on visitors who owned different mobile hardware such as tablets and phones to point out potential issues. Obviously I can't control if visitors have older and potentially outdated versions of their mobile web browsers which is why I felt it more important to have working code by rolling back to 1.4 instead of letting assorted visitors become disenchanted with their site visit by experiencing unexpected results when viewing a gallery.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Pro 1.4.2 with Chrome on Android

I did attempt the remedy mentioned but I don't believe it worked, which is why rolled back to the 1.4 version of core.

If that is the case, then your problem is unlikely to have been connected to my initial suggestion and the problem could be due to a different Juicebox bug, a CSS conflict, an HTML error or be specific to a certain browser.

If you are able to replicate the problem in a gallery of your own and provide the URL (and a screenshot showing the problem), I would happily take a look and see if I can determine the cause of the problem.

Also, if you see the problem in any of our demo embedded (non 100% x 100%) galleries, please let me know.
http://www.juicebox.net/demos/lite/embedded/
http://www.juicebox.net/demos/pro/embedded/
http://www.juicebox.net/demos/pro/slider/
http://www.juicebox.net/demos/pro/splash/
http://www.juicebox.net/demos/pro/blog/
http://www.juicebox.net/demos/pro/top/

Thanks.