Fix opacity transition of pin keyboard on lockscreen.

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

Index: chrome/browser/resources/chromeos/login/lock.js
diff --git a/chrome/browser/resources/chromeos/login/lock.js b/chrome/browser/resources/chromeos/login/lock.js
index 89f3e1cb4bcdbc6617a68837287f68e33ed86d47..c1147ef2121f47d0d16ee7cb063a2b1722b1f506 100644
--- a/chrome/browser/resources/chromeos/login/lock.js
+++ b/chrome/browser/resources/chromeos/login/lock.js
@@ -19,8 +19,7 @@
   });
 
   // Called after polymer has been loaded. Fades the pin element in.
-  var onPolymerLoaded = function() {
-    var pinContainer = $('pin-container');
+  var onPinLoaded = function(pinContainer) {
     pinContainer.style.opacity = 1;
   };
 
@@ -31,8 +30,10 @@
   // animations. We load the PIN after an idle notification to allow the pod
   // fly-in animation to complete without interruption.
   if (loadTimeData.getBoolean('showPin')) {
-    cr.ui.login.ResourceLoader.loadAssetsOnIdle('custom-elements',
-                                                onPolymerLoaded);
+    cr.ui.login.ResourceLoader.loadAssetsOnIdle('custom-elements', function() {
+      cr.ui.login.ResourceLoader.waitUntilLayoutComplete('pin-container',
+                                                         onPinLoaded);
+    });
   }
 })();