Clicking on bottom of page disables minimal-ui

[gapipro]

User drops out of 'minimal-ui' if he clicks on bottom of page.

Can this be prevented so sites can have theirs own bottom navigation?

I was testing this on iOS 8.1 and iOS 8.1.1

[gajus]

The first thing to try is to catch all window click/touch events and preventDefault them. If that disables the described behavior, then yes, it would be possible to disable it.

On Nov 21, 2014, at 16:39, gapipro notifications@github.com wrote:

User drops out of 'minimal-ui' if he clicks on bottom of page.

Can this be prevented so sites can have theirs own bottom navigation?

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

[gapipro]

Touch/click event is not triggered when tapping on bottom 20px.

Resize event is triggered but can't do much with it.

[gajus]

This test prevents default of all events:

for (property in window) {
    if (property.indexOf('on') === 0) {
        (function (eventName) {
            window.addEventListener(eventName, function (e) {
                console.log(eventName);

                e.preventDefault();
            });
        } (property.substr(2)));
    }
}

Unfortunately, this does not prevent tapping the bottom of the screen to exit the minimal-ui.

[digitalmaster]

This is actually the main problem.. I'm less concerned about the lost vertical space than i am about this because if I pin anything near the bottom of the page users have to click twice each time (first one exits minimal view, and second actually clicks). I wish there was a way to pass this click event through so we don't have this horrible behavior.

Does anyone know why Apple would add this and then remove it?

[ginjo]

I don't have a problem with Brim, specifically, but a google search for this issue turned up surprisingly little of substance. This github thread is the only place I could find where the bottom-touch behavior, and its caveats, in ios 8 safari is described with any clarity.

I agree that this behavior in ios 8 is absolutely awful. Why would they force this on us? R.W. Emerson's quote about foolish consistency comes to mind.

Hoping the Brim project, or anyone really, will turn up a solution/workaround/hack of some sort.

[digitalmaster]

@ginjo ditto :(

[zomars]

I think this is a browser level behavior, I don't think any JS or CSS can help up here. BTW I'm have the exact same issue, I guess I'm going to have to avoid bottom fixed nav bars for a while...