Comments (7)
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.
Touch/click event is not triggered when tapping on bottom 20px.
Resize event is triggered but can't do much with it.
from brim.
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.
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.
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.
@ginjo ditto :(
from brim.
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)
- Questions about using brim HOT 2
- Auto minimal-ui? HOT 1
- How to install Scream for use with Brim? HOT 1
- Avoid mask with explanation HOT 1
- MeteorJs HOT 1
- Using brim in landscape mode only HOT 3
- Relavant in iOS 9? HOT 4
- iPad Pro not recognised HOT 4
- Google Maps Tips
- brim not working on ios chrome browser HOT 1
- scream.js throws error --- "exports is not defined" HOT 5
- Mouse/touch events near bottom of screen HOT 1
- Blank screen when switching modes
- How to use with ES6 HOT 2
- User can zoom (pinch-out) the mask element and break brim HOT 2
- Brim is not working in iPhone7S
- demo link is dead
- NPM error when searching for `gajus.Scream`! HOT 8
- Could someone make it work in iOS 11?
- IPhone X resizing
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from brim.