Comments (2)
This problem happens on browsers where touch-action is supported... meaning, the hammer-time polyfill isn't causing it. It's just touch-action:none;
working "as expected".
Looking at the specs for this property, it's understandable that scrolling is disabled:
- https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
- http://www.w3.org/TR/pointerevents/#the-touch-action-css-property
This makes me wonder, is it a good idea to use hammer-time as a polyfill for touch-action: none;
? I'm not using hammer-time in a desire to disable scrolling (or any other default behaviors). I just want to eliminate the 300ms delay (which hammer time does a pretty good job at).
from hammer-time.
@bryanbraun touch action is the built in standards way browsers allow you to remove the 300ms delay. Hammer time polyfills the relevant parts of the css property to make it so you can use this in all browsers today. As a polyfill we hope that hammer time wont be necessary in the future :-).
The fact that touch-action affects scrolling is necessary and intentional for this to cover cases of things like double tap to zoom, double tap to scroll ( many people don't know about this in ios ) and to allow better control over what events are emitted in a performant way.
Im going to close this since this is the intentional behivor
from hammer-time.
Related Issues (20)
- IE (<= 11) doesn't support MouseEvent constructor HOT 3
- Throws errors on mouseup if touch events (touchstart & touchend) aren't supported
- this.pos is undefined
- Enhance detecting code for iOS8 and over HOT 7
- How about check focusable element? HOT 3
- Support touch-action="manipulation" HOT 2
- dist/hammer-time.min.js contains `hasTouchNone` which results in error HOT 3
- Fails when clicking on SVG graphics HOT 6
- A new release is in order HOT 3
- hadTouchNone HOT 5
- hammer-time.min.js contains undefined function hasTouchNone
- [question] replacement of fastclick.js?? HOT 1
- touch-action problem with Android browser HOT 4
- Need to check `-ms-touch-action` HOT 1
- Webpack support? HOT 1
- How to use in vue.js
- Remove console.log
- Update version number in hammer-time.js
- Code should exit if MutationObserver isn't supported. HOT 1
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 hammer-time.