Fix opacity transition of pin keyboard on lockscreen.

ui/login/resource_loader.js

Index: ui/login/resource_loader.js
diff --git a/ui/login/resource_loader.js b/ui/login/resource_loader.js
index 726fcf80d51b7fed879e4ca243d555fa97067117..4eb6cf302b040518ebc43c1569c072ed08f5bce3 100644
--- a/ui/login/resource_loader.js
+++ b/ui/login/resource_loader.js
@@ -208,11 +208,32 @@ cr.define('cr.ui.login.ResourceLoader', function() {
     }
   }
 
+  /**
+   * Wait until the element with the given |id| has finished its layout,
+   * specifically, after it has an offsetHeight > 0.
+   * @param {string} id Identifier of the element to wait for.
+   * @param {function()} callback Function to invoke when done loading.
+   */
+  function waitUntilLayoutComplete(id, callback) {
+    var doWait = function() {
+      var element = $(id);
+      if (!element || !element.offsetHeight) {
+        requestAnimationFrame(doWait);
+        return;
+      }
+
+      callback(element);
+    };
+
+    requestAnimationFrame(doWait);
+  }
+
   return {
     alreadyLoadedAssets: alreadyLoadedAssets,
     hasDeferredAssets: hasDeferredAssets,
     loadAssets: loadAssets,
     loadAssetsOnIdle: loadAssetsOnIdle,
+    waitUntilLayoutComplete: waitUntilLayoutComplete,
     registerAssets: registerAssets
   };
 });