Anti-shelf-overlapping fixes for several menus.

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

Index: chrome/browser/resources/chromeos/login/login_common.js
diff --git a/chrome/browser/resources/chromeos/login/login_common.js b/chrome/browser/resources/chromeos/login/login_common.js
index e8ea73dacc08fe92ff3e4c092d085f6c9b4172de..decb008e8ec5885dc6a1572d3c431ae70a576dab 100644
--- a/chrome/browser/resources/chromeos/login/login_common.js
+++ b/chrome/browser/resources/chromeos/login/login_common.js
@@ -327,6 +327,21 @@ cr.define('cr.ui', function() {
     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