EasyUnlock: Work around the ghost overlay from CSS animation.

chrome/browser/resources/options/easy_unlock_turn_off_overlay.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.
 
 cr.define('options', function() {
   var Page = cr.ui.pageManager.Page;
   var PageManager = cr.ui.pageManager.PageManager;
 
   // UI state of the turn off overlay.
   // @enum {string}
@@ skipping 157 matching lines @@
       this.setSpinnerVisible_(false);
       $('easy-unlock-turn-off-confirm').disabled = false;
       $('easy-unlock-turn-off-dismiss').hidden = true;
     },
   };
 
   /**
    * Closes the Easy unlock turn off overlay.
    */
   EasyUnlockTurnOffOverlay.dismiss = function() {
-    PageManager.closeOverlay();
+    // TODO(xiyuan): Remove the workaround and call closeOverly directly.

[tbarzic, 2014/08/19 18:24:22]

can you link the bug here (to make it clear what this 'fixes')

[xiyuan, 2014/08/19 20:12:08]

Done.

+    $('easy-unlock-turn-off-spinner').hidden = true;
+    window.setTimeout(function() {
+      PageManager.closeOverlay();
+    }, 100);
   };
 
   /**
    * Update UI to reflect the turn off operation status.
    * @param {string} newState The UIState string representing the new state.
    */
   EasyUnlockTurnOffOverlay.updateUIState = function(newState) {
     EasyUnlockTurnOffOverlay.getInstance().uiState = newState;
   };
 
   // Export
   return {
     EasyUnlockTurnOffOverlay: EasyUnlockTurnOffOverlay
   };
 });