Anti-shelf-overlapping fixes for several menus.

chrome/browser/resources/chromeos/login/login_common.js

 // Copyright 2013 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.
 
 /**
  * @fileoverview Common OOBE controller methods.
  */
 
 <include src="../../login/screen.js"></include>
 <include src="screen_context.js"></include>
@@ skipping 309 matching lines @@
 
   /**
    * Sets the current size of the client area (display size).
    * @param {number} width client area width
    * @param {number} height client area height
    */
   Oobe.setClientAreaSize = function(width, height) {
     Oobe.getInstance().setClientAreaSize(width, height);
   };
 
+  /**
+   * Computes max-height for an element so that it doesn't overlap shelf.
+   * @param {element} DOM element
+   */
+  Oobe.getMaxHeightBeforeShelfOverlapping = function(element) {
+    var maxAllowedHeight =
+        parseInt(window.getComputedStyle($('outer-container')).height) -
+        element.getBoundingClientRect().top -
+        parseInt(window.getComputedStyle(element).marginTop) -
+        parseInt(window.getComputedStyle(element).marginBottom) -
+        parseInt(window.getComputedStyle(element).paddingTop) -
+        parseInt(window.getComputedStyle(element).paddingBottom);
+    return maxAllowedHeight;

[dzhioev (left Google), 2014/07/16 19:13:50]

I don't like this approach. It has many problems:  doesn't work for hidden
elements, returned value depends on 'box-sizing' value, height can have 'auto'
value, maybe something else. Let's discuss offline if we can do it better.

[merkulova, 2014/07/22 08:11:44]

Done.

+  }
+
   // Export
   return {
     Oobe: Oobe
   };
 });
 
 var Oobe = cr.ui.Oobe;
 
 // Allow selection events on components with editable text (password field)
 // bug (http://code.google.com/p/chromium/issues/detail?id=125863)
@@ skipping 21 matching lines @@
   cr.ui.login.ResourceLoader.loadAssets(SCREEN_OOBE_ENROLLMENT, function() {
     // This screen is async-loaded so we manually trigger i18n processing.
     i18nTemplate.process($('oauth-enrollment'), loadTimeData);
     // Delayed binding since this isn't defined yet.
     login.OAuthEnrollmentScreen.register();
   });
 
   // Delayed binding since this isn't defined yet.
   cr.ui.Oobe.initialize();
 });