Is touch-action implicitly applied to any elements?

In the absence of additional CSS rules that also specify touch-action, the
following two should be equivalent, right?

<div id="outer" style="touch-action: none">
  <div id="inner"> </div>
</div>

and

<div id="outer" style="touch-action: none">
  <div id="inner" style="tocuh-action: inherit"> </div>
</div>

In the current IE implementation this seems not to be the case.  In
particular, if the inner div is overflow: scroll, then it seems to take on
the behavior of '-ms-touch-action: auto'.  Explicitly specifying inherit
gets the behavior I expect.  Sample code here:
http://jsfiddle.net/rbyers/YTSuu/.

I can see why this might be a good thing (probably makes it really easy to
convert certain mouse based games to support touch without breaking inner
scrollable elements), but I also find it surprising.  If this is really the
intended behavior, then the spec should probably say something about it,
right?

Thanks,
   Rick

Received on Monday, 17 December 2012 22:46:20 UTC