Fix the issue that keyboard is not rendered properly after login.

chrome/browser/resources/keyboard/main.js

 // Copyright (c) 2011 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 A simple virtual keyboard implementation.
  */
 
 /**
  * The keyboard layout name currently in use.
@@ skipping 107 matching lines @@
  * @param {Element} The DOM Element to which keyboard is appended.
  * @return {void}
  */
 function initKeyboard(layout, element) {
   var keyboard = KEYBOARDS[layout];
   if (!keyboard || keyboard['keyboardDiv']) {
     return;
   }
   var keyboardDiv = document.createElement('div');
   keyboardDiv.id = getKeyboardId(layout);
-  keyboardDiv.className = 'nodisplay';
+  keyboardDiv.className = 'keyboard';

[bryeung, 2011/08/03 21:11:42]

the keyboard should ideally not be visible until it has been properly sized: I
want to avoid the case where the keyboard is rendered at a wrong size and then
changes size in a way that is visible to the user.

[mazda, 2011/08/04 04:28:50]

The keyboard is not visible at least until its node is appended to the document
node in line 133.
I haven't thoroughly looked into Webkit code so I'm not 100% sure, but the
renderer should show the correctly sized keyboard when element.appendChild is
called. As far as I tested on a seaboard, it worked that way.

[bryeung, 2011/08/04 04:36:50]

Yes: that makes sense.  Thanks for the clarification.

   initRows(layout, keyboardDiv);
   initHandwritingCanvas(layout, keyboardDiv);
   keyboard['keyboardDiv'] = keyboardDiv;
+  window.onresize();
   element.appendChild(keyboardDiv);
 }
 
 /**
  * Resize the keyboard according to the new window size.
  * @return {void}
  */
 window.onresize = function() {
-  var keyboardDiv = document.getElementById(getKeyboardId(
-      currentKeyboardLayout));
+  var keyboardDiv = KEYBOARDS[currentKeyboardLayout]['keyboardDiv'];
   var height = getKeyboardHeight();
   keyboardDiv.style.height = height + 'px';
   var mainDiv = document.getElementById('main');
   mainDiv.style.width = Math.floor(getKeyboardAspect() * height) + 'px';
   var rowsLength = KEYBOARDS[currentKeyboardLayout]['rows'].length;
   keyboardDiv.style.fontSize = (height / kFontSizeRatio / rowsLength) + 'px';
   updateIme();
 }
 
 /**
@@ skipping 53 matching lines @@
       if (canvas !== undefined) {
         if (!visible) {
           canvas.clear();
         }
       }
       if (visible) {
         window.onresize();
       }
     });
 }