Fixed issue where text was clipping instead of wrapping (microsoft#946)

* fixed issue where text was clipping instead of wrapping

* fix imports, thanks Visual Studio...

Author: kevinvangelder

ReactWindows/Playground.Net46/index.windows.js

@@ -37,19 +37,17 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    backgroundColor: '#F5FCFF'
   },
   welcome: {
     fontSize: 20,
     textAlign: 'center',
-    margin: 10,
-    width: 500
+    margin: 10
   },
   instructions: {
     textAlign: 'center',
     color: '#333333',
-    marginBottom: 5,
-    width: 500
+    marginBottom: 5
   },
 });
 

ReactWindows/ReactNative.Net46/Views/Text/ReactTextShadowNode.cs

@@ -3,9 +3,9 @@
 using ReactNative.Reflection;
 using ReactNative.UIManager;
 using ReactNative.UIManager.Annotations;
+using System;
 using System.Windows;
 using System.Windows.Controls;
-using System.Windows.Documents;
 using System.Windows.Media;
 
 namespace ReactNative.Views.Text
@@ -195,6 +195,7 @@ private static MeasureOutput MeasureText(CSSNode node, float width, CSSMeasureMo
                 var textBlock = new TextBlock
                 {
                     TextAlignment = TextAlignment.Left,
+                    TextWrapping = TextWrapping.Wrap,
                     TextTrimming = TextTrimming.CharacterEllipsis,
                 };
 
@@ -210,8 +211,8 @@ private static MeasureOutput MeasureText(CSSNode node, float width, CSSMeasureMo
                 var normalizedHeight = CSSConstants.IsUndefined(height) ? double.PositiveInfinity : height;
                 textBlock.Measure(new Size(normalizedWidth, normalizedHeight));
                 return new MeasureOutput(
-                    (float)textBlock.DesiredSize.Width,
-                    (float)textBlock.DesiredSize.Height);
+                    (float)Math.Ceiling(textBlock.DesiredSize.Width),
+                    (float)Math.Ceiling(textBlock.DesiredSize.Height));
             });
 
             return task.Result;

ReactWindows/ReactNative.Net46/Views/Text/ReactTextViewManager.cs

@@ -1,8 +1,7 @@
-using System;
-using ReactNative.UIManager;
+using ReactNative.UIManager;
 using ReactNative.UIManager.Annotations;
+using System;
 using System.Collections;
-using System.Linq;
 using System.Windows;
 using System.Windows.Controls;
 using System.Windows.Documents;
@@ -158,6 +157,7 @@ protected override TextBlock CreateViewInstance(ThemedReactContext reactContext)
             var textBlock = new TextBlock
             {
                 TextAlignment = TextAlignment.Left,
+                TextWrapping = TextWrapping.Wrap,
                 TextTrimming = TextTrimming.CharacterEllipsis,
             };