Hi,

Juicebox Jump to top bug
This is only with Safari !!!!!

Mozilla/5.0 (iPad; CPU OS 8_1_1 linke Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Version/8.0 Mobile/12B435 Safari/600.1.4

It's happening for http://www.juicebox.net/demos/lite/embedded/ Too.

I read about that ..

Update September 2014: iOS 8 has removed the minimal-ui feature There's again no way to remove/hide navigation bars other than to rely on the default browser behavior (bars will be hidden when scrolling, but only if the scrolling element is the BODY of the page). The only "workaround" is to save the app to the homescreen and have the proper meta tags set (see below).
Update August 2014: iOS 8 (beta) no longer supports minimal-ui. There's no workaround. (The reason for this is likely due to abuse by websites that used it to try to prevent people from navigating away, tho there may be new features in iOS 8 Safari that have not been made public yet that replace minimal-ui.)
iOS 7.1 added a new API to solve this problem:

<meta name="viewport" content="minimal-ui">

from this link http://stackoverflow.com/questions/18793072/impossible-to-hide-navigatio...
and this one http://www.webdevdoor.com/web-browsers/hiding-navigation-address-bar-saf...

Some other components will not work like.

Brim
https://github.com/gajus/brim/tree/1.0.10
Scream
https://github.com/gajus/scream/tree/2.0.7

I do think we must have this fixed fast as we had this plugin purchased with a price.

Thanks.

CommentFileSizeAuthor
#1 jucebox-drupal-field-formatter.png122.63 KBrajab natshah

Comments

rajab natshah’s picture

rajab natshah
he/him
commented
StatusFileSize
new jucebox-drupal-field-formatter.png122.63 KB

To have a quick fix.. We can configure the Juicebox field as you can see in the attached image.

configure the Juicebox field

with :

showSplashPage="ALWAYS"

But this will stop the image from having 100% of width .. it will take the bigger view.

Thanks .. Looking for a better fix.

rjacobs’s picture

rjacobs commented
Component: Code » Miscellaneous
Category: Bug report » Support request
Priority: Critical » Normal
Status: Needs work » Active
Issue tags: -ipad, -iOS8, -safari, -juicebox, -jump

Hi,

This looks very much like an issue that's specific to the Juicebox javascript library as opposed to this Drupal module. This Drupal module project is only related to the integration of the library with Drupal, and the representation of Drupal image data as XML that the library can read. This project is also not affiliated with the people who develop and support the Juicebox javascript library.

I think you would be best serviced within the support space for the library: http://juicebox.net/support/ ... There may already be an issue open for this problem there, and if not you could start one with the same details that you posted above.

I hope that helps.

rajab natshah’s picture

rajab natshah
he/him
commented

Thanks Ryan,

We had a TEMP fix for the Library. the one about ios_version and window.scrollTo(0, -40)
By one of Vardot's Team ( M.Khamash )

We just changed around this code to fix our configurations in a project.

if (context.utils.ios_version() >= 7 && current_width > current_height) {
   window.scrollTo(0, -40)
}

I had the issue reported and my finding about this issue at this link
http://juicebox.net/forum/viewtopic.php?id=1633

Thanks.

Rewarded :)

rjacobs’s picture

rjacobs commented
Status: Active » Closed (works as designed)

Sounds good. Thanks for posting that reference to the issue in the juicebox.net forum as that may prove useful to others.

coranda’s picture

coranda commented

Rajab,

Can you please give me a little more explanation on the workaround code you quoted above. Where did you put that code?

Thanks,
Peter

rajab natshah’s picture

rajab natshah
he/him
commented

Coranda, We have just removed it from the library file.