Recalc size on content change.

Author: photonstorm

src/gameobjects/domelement/DOMElement.js

@@ -8,6 +8,7 @@ var Class = require('../../utils/Class');
 var Components = require('../components');
 var DOMElementRender = require('./DOMElementRender');
 var GameObject = require('../GameObject');
+var RemoveFromDOM = require('../../dom/RemoveFromDOM');
 var Vector4 = require('../../math/Vector4');
 
 /**
@@ -255,6 +256,10 @@ var DOMElement = new Class({
         if (this.node)
         {
             this.node.innerText = text;
+
+            var nodeBounds = this.node.getBoundingClientRect();
+
+            this.setSize(nodeBounds.width, nodeBounds.height);
         }
 
         return this;
@@ -265,6 +270,10 @@ var DOMElement = new Class({
         if (this.node)
         {
             this.node.innerHTML = html;
+
+            var nodeBounds = this.node.getBoundingClientRect();
+
+            this.setSize(nodeBounds.width, nodeBounds.height);
         }
 
         return this;
@@ -287,7 +296,7 @@ var DOMElement = new Class({
 
     destroy: function ()
     {
-
+        RemoveFromDOM(this.node);
     }
 
 });

src/gameobjects/domelement/DOMElementCSSRenderer.js

@@ -35,9 +35,9 @@ var DOMElementCSSRenderer = function (renderer, src, interpolationPercentage, ca
         return;
     }
 
-    var camMatrix = renderer.pipelines.TextureTintPipeline._tempMatrix1;
-    var spriteMatrix = renderer.pipelines.TextureTintPipeline._tempMatrix2;
-    var calcMatrix = renderer.pipelines.TextureTintPipeline._tempMatrix3;
+    var camMatrix = renderer._tempMatrix1;
+    var spriteMatrix = renderer._tempMatrix2;
+    var calcMatrix = renderer._tempMatrix3;
 
     var x = src.originX * src.width;
     var y = src.originY * src.height;