In Safari on iOS7, the close and prev/next options are hidden by browser controls about swipebox HOT 16 OPEN

Identified the same issue as described above

from swipebox.

yep having the same issue. Trying to find an interim way around it ASAP.

from swipebox.

The workaround I'm currently using is:

@media screen and (max-width: 480px) {
    #swipebox-action {
        height: 100px !important;
    }
}

It's not perfect, but the controls are at least usable in the interim.

from swipebox.

Hi,
I'm having a similar issue here (the close and prev/next options are hidden by tablet controls), on an android tablet (4.2.1), when using the latest version of Firefox for Android.
Otherwise, SwipeBox just works fine !

from swipebox.

Hi, thank you for great library.
This issue is critical because iOS7 doesn't fire touchstart and touchend events of buttons,
but I found a workaround.
Insert the following code into the build function:

scrollTimer = setInterval(function() {
    window.scrollTo(window.scrollX, window.scrollY);
}, 1000);

and clear this timer on destroy.

from swipebox.

i110's code (adding timer to build/destory) is the best fix right now in my opinion.

from swipebox.

@i110 where do I specifically put that scrollTimer code? Because my controls are still not showing up at all and I did place it in the beginning of the jquery.swipebox.js

from swipebox.

@cheyneosy I think the end of ui.build function is good place. https://github.com/brutaldesign/swipebox/blob/master/source/jquery.swipebox.js#L168

from swipebox.

None of these seems to work. Why don't you put the X button in the upper-right and arrows on photo (or in the upper left)?

Dr. Marco Marsala
Network Solution srl
http://www.genovaperte.it (site showing the problem)

from swipebox.

Hi,

Just a guess : if the toolbar is in fixed position insead of absolute, does it help?

#swipebox-action,
#swipebox-caption{
     position: fixed;
}

from swipebox.

Already tried to place #swipebox-action in fixed position.
Looking around, seem impossible to solve this issue, even big sites like Twitter was broken by iOS7 when it came out. Many solves with repositioning with absolute coords every 50ms (setTimeout) but it is an hack.

If you move buttons in the upper part you will solve and usability will be improved (users looks for X button in the upper right part, like in MS Windows)

Il giorno 14/mar/2014, alle ore 16:06, Constantin Saguin [email protected] ha scritto:

Hi,

Just a guess : if the toolbar is in fixed position insead of absolute, does it help?

#swipebox-action,
#swipebox-caption{
position: fixed;
}
—
Reply to this email directly or view it on GitHub.

from swipebox.

"users looks for X button in the upper right part, like in MS Windows"

+1

I will definitely considering moving the action buttons to the top. I will think about how I can work around this.

Pls give me time

from swipebox.

Don't worry :)

Il giorno 14/mar/2014, alle ore 16:53, Constantin Saguin [email protected] ha scritto:

"users looks for X button in the upper right part, like in MS Windows"

+1

I will definitely considering moving the action buttons to the top. I will think about how I can work around this.

Pls give me time

—
Reply to this email directly or view it on GitHub.

from swipebox.

minimal-ui has been added for the viewport meta tag key that allows minimizing the top and bottom bars on the iPhone as the page loads. While on a page using minimal-ui, tapping the top bar brings the bars back. Tapping back in the content dismisses them again.

It is a new feature in iOS 7.1

It works!

from swipebox.

Has anyone seen a glitch when going to landscape mode and then clicking on the address bar (bringing the address bar into view)?

The close/next/prev box doesn't fire and when you look at the classes being added, it only fires a touch vs "left/right spring" .

here's the quick test. my iPhone is plugged in and i'm using safari's inspector. iPhone safari landscape.

line 94 of "swipebox.css"
#swipebox-action.visible-bars {
-webkit-transform: translateY(-150px); /* was -50px */
-moz-transform: translateY(-150px);
-ms-transform: translateY(-150px);
-o-transform: translateY(-150px);
transform: translateY(-150px);
}

It seems to work in fullscreen mode correctly either orientation and portrait with the address bar. I'm wondering if it has to do with ios7 address bar or if it's something in the code that is preventing the click from propagation.

from swipebox.

Hi Guys,

Maybe this can help, I moved the controls to the top and the caption to the bottom, just override the CSS:

#swipebox-action.visible-bars {
-ms-transform: translateY(50px);
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
#swipebox-action {
top:-50px;
bottom: auto !important;
}

#swipebox-caption {
bottom:-50px;
top: auto !important;
}
#swipebox-caption.visible-bars {
-ms-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}

from swipebox.