Fix TouchNativeFeedback so that the ripple starts from where a person…

… touches

Summary:
It needs the touch coordinates for with-in the element, not for on the page.
Closes facebook#5400

Reviewed By: svcscm

Differential Revision: D2848834

Pulled By: androidtrunkagent

fb-gh-sync-id: 88cf0fd7bd2332eb3db835b26438064412c8358c

Libraries/Components/Touchable/Touchable.js

@@ -623,7 +623,9 @@ var TouchableMixin = {
     var touch = TouchEventUtils.extractSingleTouch(e.nativeEvent);
     var pageX = touch && touch.pageX;
     var pageY = touch && touch.pageY;
-    this.pressInLocation = {pageX: pageX, pageY: pageY};
+    var locationX = touch && touch.locationX;
+    var locationY = touch && touch.locationY;
+    this.pressInLocation = {pageX, pageY, locationX, locationY};
   },
 
   _getDistanceBetweenPoints: function (aX, aY, bX, bY) {

Libraries/Components/Touchable/TouchableNativeFeedback.android.js

@@ -141,7 +141,7 @@ var TouchableNativeFeedback = React.createClass({
   touchableHandleActivePressIn: function() {
     this.props.onPressIn && this.props.onPressIn();
     this._dispatchPressedStateChange(true);
-    this._dispatchHotspotUpdate(this.pressInLocation.pageX, this.pressInLocation.pageY);
+    this._dispatchHotspotUpdate(this.pressInLocation.locationX, this.pressInLocation.locationY);
   },
 
   touchableHandleActivePressOut: function() {