[Effen] make fn wrap text in display:paragraph nodes

sky/framework/fn.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 library fn;
 
 import 'dart:async';
 import 'dart:collection';
 import 'dart:sky' as sky;
 import 'reflect.dart' as reflect;
@@ skipping 334 matching lines @@
   // to be assigned as part of the API). Since they are unique in not having
   // children, there's little point to reordering, so we always just re-assign
   // the data.
   Text(this.data) : super(key:'*text*');
 
   static final Text _emptyText = new Text(null);
 
   SkyNodeWrapper get _emptyNode => _emptyText;
 
   sky.Node _createNode() {
-    return new sky.Text(data);
+    return sky.document.createElement('div')
+                           ..setChild(new sky.Text(this.data))
+                           ..setAttribute('style', 'display:paragraph');

[abarth-chromium, 2015/04/09 22:48:45]

We should do this with a class rather than inline style so that the C++
implementation share RenderStyles.

   }
 
   void _syncNode(SkyNodeWrapper old) {
     if (old == _emptyText)
       return; // we set inside _createNode();
 
-    (_root as sky.Text).data = data;
+    (_root.firstChild as sky.Text).data = data;
   }
 }
 
 final List<UINode> _emptyList = new List<UINode>();
 
 abstract class SkyElementWrapper extends SkyNodeWrapper {
 
   String get _tagName;
 
   sky.Node _createNode() => sky.document.createElement(_tagName);
@@ skipping 508 matching lines @@
 
 abstract class App extends Component {
   sky.Node _host;
 
   App() : super(stateful: true) {
     _host = sky.document.createElement('div');
     sky.document.appendChild(_host);
     _scheduleComponentForRender(this);
   }
 }