DevTools: update DOM children when the only text child is modified.

Source/devtools/front_end/elements/ElementsTreeOutline.js

Index: Source/devtools/front_end/elements/ElementsTreeOutline.js
diff --git a/Source/devtools/front_end/elements/ElementsTreeOutline.js b/Source/devtools/front_end/elements/ElementsTreeOutline.js
index f0a56f568fc920883ab0abb6de72ce2e38edd7ef..84179ff928acafd5d6354af4d8629c35f20b6743 100644
--- a/Source/devtools/front_end/elements/ElementsTreeOutline.js
+++ b/Source/devtools/front_end/elements/ElementsTreeOutline.js
@@ -1199,6 +1199,9 @@ WebInspector.ElementsTreeOutline.prototype = {
     {
         var node = /** @type {!WebInspector.DOMNode} */ (event.data);
         this._addUpdateRecord(node).charDataModified();
+        // Text could be large and force us to render itself as the child in the tree outline.
+        if (node.parentNode && node.parentNode.firstChild === node.parentNode.lastChild)
+            this._addUpdateRecord(node.parentNode).childrenModified();
         this._updateModifiedNodesSoon();
     },
 
@@ -1386,22 +1389,17 @@ WebInspector.ElementsTreeOutline.prototype = {
      */
     _hasVisibleChildren: function(node)
     {
-        if (WebInspector.ElementsTreeElement.canShowInlineText(node))
-            return false;
-
         if (node.importedDocument())
             return true;
         if (node.templateContent())
             return true;
-        if (node.childNodeCount())
-            return true;
         if (WebInspector.ElementsTreeElement.visibleShadowRoots(node).length)
             return true;
         if (node.hasPseudoElements())
             return true;
         if (node.isInsertionPoint())
             return true;
-        return false;
+        return !!node.childNodeCount() && !WebInspector.ElementsTreeElement.canShowInlineText(node);
     },
 
     /**