Bug 522529: Diagonal panning is jerky (and a few other issues) [r=mark.finkle]

mobile/chrome/content/browser.xul

@@ -193,7 +193,8 @@
       </vbox>
 
       <!-- Content Area -->
-      <scrollbox id="tile-container-container" style="overflow: hidden; -moz-box-orient: vertical;">
+      <scrollbox id="tile-container-container" class="window-width window-height" style="overflow: hidden;">
+        <vbox>
           <!-- Main Toolbar -->
           <box id="toolbar-container" class="panel-dark toolbar-height">
             <box id="toolbar-moveable-container">
@@ -237,7 +238,8 @@
           <notificationbox id="notifications"/>
 
           <!-- Content viewport -->
-        <html:div id="tile-container" class="window-height" style="overflow: hidden;"/>
+          <html:div id="tile-container" style="overflow: hidden;"/>
+        </vbox>
       </scrollbox>
 
       <!-- Right toolbar -->

mobile/chrome/tests/browser_mainui.js

@@ -14,4 +14,23 @@ function test() {
  isnot(browser, null, "Should have a browser");
    
  is(browser.currentURI.spec, Browser.selectedTab.browser.currentURI.spec, "selectedBrowser == selectedTab.browser");
+
+ testContentContainerSize();
+}
+
+function testContentContainerSize() {
+  let tiles = document.getElementById("tile-container");
+  let oldtilesstyle = tiles.getAttribute("style");
+
+  try {
+    tiles.style.width = (window.innerWidth + 100) + "px";
+    tiles.style.height = (window.innerHeight + 100) + "px";
+    let container = document.getElementById("tile-container-container");
+    let rect = container.getBoundingClientRect();
+    ok(rect.width == window.innerWidth, "Content container is same width as window");
+    ok(rect.height == window.innerHeight, "Content container is same height as window");
+  }
+  finally {
+    tiles.setAttribute("style", oldtilesstyle);
+  }
 }