Anti-shelf-overlapping fixes for several menus.

chrome/browser/resources/login/user_pod_row.js

 // Copyright 2014 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 User pod row implementation.
  */
 
 cr.define('login', function() {
   /**
@@ skipping 355 matching lines @@
 
     /**
      * Gets user type bubble like multi-profiles policy restriction message.
      * @type {!HTMLDivElement}
      */
     get userTypeBubbleElement() {
       return this.querySelector('.user-type-bubble');
     },
 
     /**
+     * Gets action box menu.
+     * @type {!HTMLInputElement}
+     */
+    get actionBoxMenu() {
+      return this.querySelector('.action-box-menu');
+    },
+
+    /**
      * Gets action box menu title, user name item.
      * @type {!HTMLInputElement}
      */
     get actionBoxMenuTitleNameElement() {
       return this.querySelector('.action-box-menu-title-name');
     },
 
     /**
      * Gets action box menu title, user email item.
      * @type {!HTMLInputElement}
@@ skipping 189 matching lines @@
           this.parentNode.focusPod(undefined, true);
           this.actionBoxAreaElement.focus();
         }
 
         // Hide user-type-bubble.
         this.userTypeBubbleElement.classList.remove('bubble-shown');
 
         this.actionBoxAreaElement.classList.add('active');
       } else {
         this.actionBoxAreaElement.classList.remove('active');
+        this.actionBoxAreaElement.classList.remove('menuMovedUp');
+        this.actionBoxMenu.classList.remove('menuMovedUp');
       }
     },
 
     /**
      * Whether action box button is in hovered state.
      * @type {boolean}
      */
     get isActionBoxMenuHovered() {
       return this.actionBoxAreaElement.classList.contains('hovered');
     },
@@ skipping 230 matching lines @@
     },
 
     /**
      * Shows remove user warning. Used for supervised users on CrOS, and for all
      * users on desktop.
      */
     showRemoveWarning_: function() {
       this.actionBoxMenuRemoveElement.hidden = true;
       this.actionBoxRemoveUserWarningElement.hidden = false;
       this.actionBoxRemoveUserWarningButtonElement.focus();
+
+      // Move up the menu if it overlaps shelf.
+      var maxHeight = Oobe.getMaxHeightBeforeShelfOverlapping(
+          this.actionBoxMenu);
+      var actualHeight = parseInt(
+          window.getComputedStyle(this.actionBoxMenu).height);
+      if (maxHeight < actualHeight) {
+        this.actionBoxMenu.classList.add('menuMovedUp');
+        this.actionBoxAreaElement.classList.add('menuMovedUp');
+      }
     },
 
     /**
      * Handles a click event on remove user confirmation button.
      * @param {Event} e Click event.
      */
     handleRemoveUserConfirmationClick_: function(e) {
       if (this.isActionBoxMenuActive) {
         this.isActionBoxMenuActive = false;
         this.removeUser(this.user);
@@ skipping 1448 matching lines @@
       if (this.podsWithPendingImages_.length == 0) {
         this.classList.remove('images-loading');
       }
     }
   };
 
   return {
     PodRow: PodRow
   };
 });