Add proper logic for rendering ellipsis

doubledutch · Aug 10, 2016 · c817f39 · c817f39
1 parent 029cecb
commit c817f39
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Text/TextStylePropTypes.js b/src/components/Text/TextStylePropTypes.js
@@ -28,5 +28,7 @@ module.exports = {
   whiteSpace: string,
   /* @platform web */
   wordWrap: string,
-  writingDirection: oneOf([ 'auto', 'ltr', 'rtl' ])
+  writingDirection: oneOf([ 'auto', 'ltr', 'rtl' ]),
+  WebkitLineClamp: string,
+  WebkitBoxOrient: oneOf([ 'vertical', 'horizontal' ])
 }
diff --git a/src/components/Text/index.js b/src/components/Text/index.js
@@ -47,7 +47,7 @@ class Text extends Component {
         !selectable && styles.notSelectable,
         numberOfLines === 1 && styles.singleLineStyle,
         numberOfLines > 1 && styles.multiLineStyle,
-        numberOfLines > 1 && { '-webkit-line-clamp': numberOfLines}
+        numberOfLines > 1 && {WebkitLineClamp: '' + numberOfLines}
       ]
     })
   }
@@ -81,7 +81,7 @@ const styles = StyleSheet.create({
   multiLineStyle: {
     overflow: 'hidden',
     display: '-webkit-box',
-    '-webkit-box-orient': 'vertical'
+    WebkitBoxOrient: 'vertical'
   }
 })