From 1a225bc449f288526533752abe63e4de4ad48c29 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Sun, 15 Apr 2018 15:23:32 -0700
Subject: [PATCH] [fix] Text onPress event propagation

The press event should not propagate.

Fix #897
---
 packages/react-native-web/src/exports/Text/index.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/react-native-web/src/exports/Text/index.js b/packages/react-native-web/src/exports/Text/index.js
index de838bca..6dfdab96 100644
--- a/packages/react-native-web/src/exports/Text/index.js
+++ b/packages/react-native-web/src/exports/Text/index.js
@@ -62,7 +62,7 @@ class Text extends Component<*> {
 
     if (onPress) {
       otherProps.accessible = true;
-      otherProps.onClick = onPress;
+      otherProps.onClick = this._createPressHandler(onPress);
       otherProps.onKeyDown = this._createEnterHandler(onPress);
     }
 
@@ -89,6 +89,13 @@ class Text extends Component<*> {
       }
     };
   }
+
+  _createPressHandler(fn) {
+    return e => {
+      e.stopPropagation();
+      fn && fn(e);
+    };
+  }
 }
 
 const styles = StyleSheet.create({