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

chrome/browser/resources/keyboard/main.js

Index: chrome/browser/resources/keyboard/main.js
diff --git a/chrome/browser/resources/keyboard/main.js b/chrome/browser/resources/keyboard/main.js
index 9ef5623193f23ad9fcfe9a16f8b34fecd4b0ed1b..075165425b5b8ceff8779bc9934645a9e45ec001 100644
--- a/chrome/browser/resources/keyboard/main.js
+++ b/chrome/browser/resources/keyboard/main.js
@@ -125,10 +125,11 @@ function initKeyboard(layout, element) {
   }
   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);
 }
 
@@ -137,8 +138,7 @@ function initKeyboard(layout, element) {
  * @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');