Avoid nesting inside more divs than necessary, which happens to also

make styling easier.
aduros · Dec 1, 2010 · 980e435 · 980e435
1 parent 3a9b5f9
commit 980e435
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/projects/tetris/src/tetris/MainMenuScene.js b/projects/tetris/src/tetris/MainMenuScene.js
@@ -60,7 +60,7 @@ tetris.MainMenuScene.prototype.load = function () {
 tetris.MainMenuScene.prototype.createMainSprite = function (animate) {
     var mainSprite = new hydra.Group(hydra.dom.renderDiv(tetris.soy.mainMenu()));
     this.addEntity(mainSprite);
-    var height = mainSprite.element.firstElementChild.offsetHeight;
+    var height = mainSprite.element.offsetHeight;
 
     if (animate || this.animate) {
         mainSprite.setY(-height);
@@ -122,7 +122,7 @@ tetris.MainMenuScene.prototype.createScoreSprite = function () {
     var scoreSprite = new hydra.Group(hydra.dom.renderDiv(
         tetris.soy.scoreMenu({scores: scores})));
     this.addEntity(scoreSprite);
-    var height = scoreSprite.element.firstElementChild.offsetHeight;
+    var height = scoreSprite.element.offsetHeight;
 
     var back = new hydra.Button(scoreSprite.element.querySelector(".button-back"));
     back.onTap = function () {

diff --git a/src/dom.js b/src/dom.js
@@ -176,5 +176,8 @@ hydra.dom.div = function (className) {
 hydra.dom.renderDiv = function (html) {
     var div = document.createElement("div");
     div.innerHTML = html;
+    if (div.childElementCount == 1) {
+        div = div.firstElementChild;
+    }
     return div;
 }