Handle Esc key press event in Local NTP.

chrome/browser/resources/local_ntp/local_ntp.js

 // Copyright 2013 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.
 
 (function() {
 <include src="../../../../ui/webui/resources/js/assert.js">
 
 /**
  * True if this a Google page and not some other search provider.  Used to
  * determine whether to show the logo and fakebox.
@@ skipping 630 matching lines @@
 var KEY_UP_ARROW = 38;
 
 /**
  * "Down" arrow keycode.
  * @type {number}
  * @const
  */
 var KEY_DOWN_ARROW = 40;
 
 /**
+ * "Esc" keycode.
+ * @type {number}
+ * @const
+ */
+var KEY_ESC = 27;
+
+/**
  * Pixels of padding inside a suggestion div for displaying its icon.
  * @type {number}
  * @const
  */
 var SUGGESTION_ICON_PADDING = 26;
 
 /**
  * Pixels by which iframes should be moved down relative to their wrapping
  * suggestion div.
  */
@@ skipping 643 matching lines @@
   // This is bound only for initialization. Afterwards this style should only
   // change onmarginchange.
   window.removeEventListener('resize', setSuggestionStyles);
 }
 
 /**
  * Makes keys navigate through suggestions.
  * @param {Object} e The key being pressed.
  */
 function handleKeyPress(e) {
-  if (!activeBox)
-    return;
-
   switch (e.keyCode) {
     case KEY_UP_ARROW:
-      activeBox.selectPrevious();
+      if (activeBox)
+        activeBox.selectPrevious();
       break;
     case KEY_DOWN_ARROW:
-      activeBox.selectNext();
+      if (activeBox)
+        activeBox.selectNext();
+      break;
+    case KEY_ESC:
+      hideActiveSuggestions();

[samarth, 2013/05/04 01:04:17]

There are two cases here too :)
1) You type something and hit escape.  That works
2) You type something, arrow down and then hit escape.

#2 should only reset the selection state and not close the dropdown.

[kmadhusu, 2013/05/04 03:34:38]

Done.

+      document.body.classList.remove(CLASSES.HIDE_NTP);
+      onThemeChange();

[samarth, 2013/05/04 01:04:17]

Not sure if this is the right way to go back to the NTP. I'll defer to Jeremy
for that.

[kmadhusu, 2013/05/04 03:34:38]

This call reloads the background theme if one exists. We actually show the NTP
by removing the HIDE_NTP class.

       break;
   }
 }
 
 /**
  * Handles postMessage calls from suggestion iframes.
  * @param {Object} message A notification that all iframes are done loading or
  *     that an iframe was clicked.
  */
 function handleMessage(message) {
@@ skipping 193 matching lines @@
   }
 }
 
 document.addEventListener('DOMContentLoaded', init);
 window.addEventListener('message', handleMessage, false);
 window.addEventListener('blur', function() {
   if (activeBox)
     activeBox.clearHover();
 }, false);
 })();