Pin keyboard moved to under the user profile.

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 56a68353cf9dbf8aefbcdcaf98813a207ca0817a..d9ddeda018e9a995b21a978e89ddd636a6cf83ed 100644
--- a/ui/login/resource_loader.js
+++ b/ui/login/resource_loader.js
@@ -218,13 +218,13 @@ cr.define('cr.ui.login.ResourceLoader', function() {
    */
   function waitUntilLayoutComplete(id, callback) {
     var doWait = function() {
-      var element = $(id);
+      var element = document.getElementsByClassName(id)[0];

[jdufault, 2016/06/23 00:02:31]

How about this:

- Rename id to selector
- If selector is a string, assume it is an id and use $(selector).
- If selector is a function, call it and store the return value as element.

That way the function remains generalized. To get the desired behavior, do
something like

  waitUntilLayoutComplete(
      () => document.getElementsByClassName('pin-keyboard')[0],
      (e) => console.log('ready'))

[sammiequon, 2016/06/23 19:23:21]

Done.

       if (!element || !element.offsetHeight) {
         requestAnimationFrame(doWait);
         return;
       }
 
-      callback(element);
+      callback();

[jdufault, 2016/06/23 00:02:32]

?

[sammiequon, 2016/06/23 19:23:21]

Done.

     };
 
     requestAnimationFrame(doWait);