Set maxHeight of all overlay pages at startup and on resize

chrome/browser/resources/shared/js/cr/ui/overlay.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 // This file exists to share common overlay behaviors.
 
 cr.define('cr.ui.overlay', function() {
 
   /**
    * Gets the top, visible overlay. It makes the assumption that if multiple
@@ skipping 27 matching lines @@
     document.addEventListener('keydown', function(e) {
       if (e.keyCode == 27) {  // Escape
         var overlay = getTopOverlay();
         if (!overlay)
           return;
 
         cr.dispatchSimpleEvent(overlay, 'cancelOverlay');
       }
     });
 
-    window.addEventListener('resize', function() {
-      var overlay = getTopOverlay();
-      var page = overlay ? overlay.querySelector('.page:not([hidden])') : null;
-      if (!page)
-        return;
+    window.addEventListener('resize', setMaxHeightAllPages);
 
-      page.style.maxHeight = Math.min(0.9 * window.innerHeight, 640) + 'px';
-    });
+    setMaxHeightAllPages();
   }
 
   /**
+   * Sets the max-height of all pages in all overlays, based on the window
+   * height.
+   */
+  function setMaxHeightAllPages() {
+    var pages = document.querySelectorAll('.overlay .page');
+
+    var maxHeight = Math.min(0.9 * window.innerHeight, 640) + 'px';
+    for (var i = 0; i < pages.length; i++)
+      pages[i].style.maxHeight = maxHeight;
+  }
+
+  /**
    * Adds behavioral hooks for the given overlay.
    * @param {HTMLElement} overlay The .overlay.
    */
   function setupOverlay(overlay) {
     // Close the overlay on clicking any of the pages' close buttons.
     var closeButtons = overlay.querySelectorAll('.page > .close-button');
     for (var i = 0; i < closeButtons.length; i++) {
       closeButtons[i].addEventListener('click', function(e) {
         cr.dispatchSimpleEvent(overlay, 'cancelOverlay');
       });
@@ skipping 28 matching lines @@
   }
 
   return {
     globalInitialization: globalInitialization,
     setupOverlay: setupOverlay,
   };
 });
 
 document.addEventListener('DOMContentLoaded',
                           cr.ui.overlay.globalInitialization);