Fix text selecting in nested Text elements

Based on this comment: necolas#1741 (comment)
RichardLindhout · Sep 17, 2020 · 5da2996 · 5da2996
1 parent 4a70300
commit 5da2996
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/react-native-web/src/exports/Text/index.js b/packages/react-native-web/src/exports/Text/index.js
@@ -116,7 +116,7 @@ const Text = forwardRef<TextProps, *>((props, forwardedRef) => {
   const style = [
     props.style,
     numberOfLines != null && numberOfLines > 1 && { WebkitLineClamp: numberOfLines },
-    selectable === false && styles.notSelectable,
+    selectable === true ? styles.selectable : styles.notSelectable,
     onPress && styles.pressable
   ];
 
@@ -212,6 +212,9 @@ const styles = StyleSheet.create({
   notSelectable: {
     userSelect: 'none'
   },
+  selectable: {
+    userSelect: 'text'
+  },
   pressable: {
     cursor: 'pointer'
   }