Pin keyboard moved to under the user profile.

ui/login/resource_loader.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 Deferred resource loader for OOBE/Login screens.
  */
 
 cr.define('cr.ui.login.ResourceLoader', function() {
   'use strict';
@@ skipping 200 matching lines @@
   }
 
   /**
    * 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);
+      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);
   }
 
   return {
     alreadyLoadedAssets: alreadyLoadedAssets,
     hasDeferredAssets: hasDeferredAssets,
     loadAssets: loadAssets,
     loadAssetsOnIdle: loadAssetsOnIdle,
     waitUntilLayoutComplete: waitUntilLayoutComplete,
     registerAssets: registerAssets
   };
 });