Issue 2710 - Attach window dimensions to root element if run in top level frame

pages/index.html

Index: pages/index.html
===================================================================
--- a/pages/index.html
+++ b/pages/index.html
@@ -115,9 +115,6 @@
 
   function sendDimensions()
   {
-    if (window.parent === window)
-      return;
-
     var dimensions = {
       width: document.body.offsetWidth,
       height: document.body.offsetHeight
@@ -127,7 +124,16 @@
     if (/MSIE/.test(navigator.appVersion))
       dimensions = JSON.stringify(dimensions);
 
-    window.parent.postMessage(dimensions, "*");
+    // If this is the top frame we cannot use postMessage so we leave it up to
+    // the actual top frame to grab the dimensions from the root element
+    if (window.parent === window)
+    {
+      var rootElement = document.documentElement;
+      rootElement.setAttribute("data-width", dimensions.width);
+      rootElement.setAttribute("data-height", dimensions.height);
+    }
+    else
+      window.parent.postMessage(dimensions, "*");
   }
 
   window.addEventListener("DOMContentLoaded", function()