Add touch-action: manipulation about webfundamentals HOT 7 CLOSED

At the moment the 300ms delay is removed from Chrome stable and I believe FF is looking at removing it as well as looking into supporting touch-action (this is all second hand information so could be wrong).

I'm going to play around with touch-action a little more and bolster what it currently says in the docs.

from webfundamentals.

@gauntface given our long conversation yesterday where I was wrapping my head around some of this. I feel like by the time this is "officially launched" then we will need something like this. I really like the idea of blocking out an image so that the developer can let them pan and zoom an image independently of scrolling on the page and not have the browser arse about by thinking the user might want to scroll.

The use-case led approach would be for that type of interaction... rather than document touch-action: manipulation on its own.

from webfundamentals.

@PaulKinlan I agree with use case driven content.

I still need to play around with touch-action more. In WP it makes sense since you often need to add a touch-action to get anything working with pointer event, in Chrome it makes less sense to use - it seems to be a good way to explicitly define what you want touches to do.

Thinking on this, the reason the 300ms delay is removed when a touch-action is applied, is that most touch-action rules will disable double-tap-zoom (i.e. touch-action: pan-y | pan-x | manipulation | none).

from webfundamentals.

The manipulation property isn't in the spec anymore.
http://www.w3.org/TR/pointerevents/#the-touch-action-css-property

Can't find the discussion about it

from webfundamentals.

Manipulation is in the editors draft here:
https://dvcs.w3.org/hg/pointerevents/raw-file/tip/pointerEvents.html

And is supported in Chrome and IE which are the current browsers supporting touch-action.

from webfundamentals.

Yes, i found out that i was reading the wrong document. Oops

from webfundamentals.

I've updated the content for the touch-action section and included the 300ms removal as well as better descriptions.

Would love any comments and feedback.

3003d09

from webfundamentals.