Can not get to work consistently on a single mobile browser

[jhsu888]

DEVICE: Droid X2
SYSTEM: Android 2.3.5
OS: Eclipse 2.3

Default Browser, Dolphin Browser, Boat Browser - Image box placement is fixed to top of browser window. Swipe and buttons work, but no access to buttons if clicking on an image lower on the page.

Firefox - Image box placement is relative to below browser window. No access to buttons.

Opera Mini, One Browser - No image box, navigates to image link.

UC Browser - Image box placement is correct, buttons and swipe work, but the close button does not. For some reason when you click the close button it goes to the second image in the gallery. Curiously it will actually close the image box if you long press the button, then on release the image box will close.

These are just my observations when testing the script on my device. The webpage I am testing it on is completely minimal, no other css and the content is purely images with links class="swipebox" using the default swipebox source code from github.

Is there some way to use script for better compatibility?

[spielerinternet]

On IOS7 Beta 3 there is even a problem with closing the popup because the closing button is hidden by the safari controls.

[rictorres]

@spielerinternet something like this #36 ?

[spielerinternet]

Yes, something like that: https://www.dropbox.com/s/0wtd2v5k9xhf3ig/swipebox.png

[tobymackenzie]

For android 2 default browser and presumably other browsers that don't support 'position: fixed', you can consider adding something like:

html.swipebox {
    height: 100%;
}
html.swipebox body{
    height: 100%;
    overflow: hidden;
}
#swipebox-overlay{
    position: absolute; /* put this above the current 'position: fixed', will be used by browsers that don't understand fixed */
}

It causes the page to be scrolled to the top, but at least it's useable.