Coder Social home page Coder Social logo

Comments (7)

gajus avatar gajus commented on September 28, 2024

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 [email protected] 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.

from brim.

gapipro avatar gapipro commented on September 28, 2024

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

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

from brim.

gajus avatar gajus commented on September 28, 2024

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.

from brim.

digitalmaster avatar digitalmaster commented on September 28, 2024

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?

from brim.

ginjo avatar ginjo commented on September 28, 2024

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.

from brim.

digitalmaster avatar digitalmaster commented on September 28, 2024

@ginjo ditto :(

from brim.

zomars avatar zomars commented on September 28, 2024

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...

from brim.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.