Compensate for scrolling when showing an iframe above the viewport

Author: marijnh

html/js/ejs.js

@@ -152,9 +152,16 @@ window.addEventListener("load", function() {
   function placeFrame(frame, snippet) {
     var wrap = snippet.previousSibling;
     if (!wrap || wrap.className != "editor-wrap") {
+      var bot = snippet.getBoundingClientRect().bottom;
       activateCode(snippet, null, "text/html");
       wrap = snippet.previousSibling;
+    } else {
+      bot = wrap.getBoundingClientRect().bottom;
     }
     wrap.insertBefore(frame, wrap.childNodes[1]);
+    if (bot < 50) {
+      var newBot = wrap.getBoundingClientRect().bottom;
+      window.scrollBy(0, newBot - bot);
+    }
   }
 });

html/js/sandbox.js

@@ -89,17 +89,15 @@
         return "";
       });
 
-      this.frame.style.height = "10px";
+      this.frame.style.height = "80px";
       this.resizeFrame();
       if (scriptTags.length) {
         if (output) this.output = output;
         this.startedAt = Date.now();
         this.extraSecs = 1;
         this.win.__c = 0;
-        var resize = doc.createElement("script");
-        resize.innerHTML = "__sandbox.resizeFrame();";
-        scriptTags.push(resize);
         scriptTags.forEach(function(tag) { doc.body.appendChild(tag); });
+        setTimeout(this.resizeFrame.bind(this), 50);
       }
     },
     resizeFrame: function() {