Make text non-selectable on web too (#1252)

* Make text non-selectable on web too Context: necolas/react-native-web#1741 * Add default of selectable=false to have the same behaviour across platforms * Fix prettier of icon-button.js Co-authored-by: Joel Arvidsson <[email protected]>
oblador · Feb 13, 2022 · 217d26d · 217d26d
1 parent bb5bd45
commit 217d26d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/lib/create-icon-set.js b/lib/create-icon-set.js
@@ -88,7 +88,7 @@ export default function createIconSet(
       props.ref = this.handleRef;
 
       return (
-        <Text {...props}>
+        <Text selectable={false} {...props}>
           {glyph}
           {children}
         </Text>

diff --git a/lib/icon-button.js b/lib/icon-button.js
@@ -120,7 +120,9 @@ export default function createIconButtonComponent(Icon) {
           <View style={[styles.container, blockStyle, style]} {...props}>
             <Icon {...iconProps} />
             {typeof children === 'string' ? (
-              <Text style={[styles.text, colorStyle]}>{children}</Text>
+              <Text style={[styles.text, colorStyle]} selectable={false}>
+                {children}
+              </Text>
             ) : (
               children
             )}