MD Settings: Make Escape blur and undo changes to input fields.

chrome/browser/resources/settings/controls/settings_input.html

 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_behavior.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_indicator.html">
 <link rel="import" href="pref_control_behavior.html">
 
 <dom-module id="settings-input">
   <template>
     <style>
       :host {
         -webkit-margin-start: 4px;
         cursor: auto;
         display: inline-block;
       }
     </style>
     <div id="outerDiv" class="layout horizontal center">
       <paper-input id="input" auto-validate value="{{value}}"
           error-message="[[errorMessage]]" label="[[label]]"
           no-label-float="[[noLabelFloat]]" pattern="[[pattern]]"
           readonly$="[[readonly]]" required="[[required]]" type="[[type]]"
-          on-change="onChange_" disabled="[[isDisabled_(disabled, pref.*)]]"
+          on-change="onChange_" on-keydown="onKeydown_"
+          disabled="[[isDisabled_(disabled, pref.*)]]"
           stop-keyboard-event-propagation$="[[stopKeyboardEventPropagation]]"
           tabindex$="[[getTabindex_(canTab)]]">
       </paper-input>
       <template is="dom-if" if="[[hasPrefPolicyIndicator(pref.*)]]">
         <cr-policy-pref-indicator pref="[[pref]]" icon-aria-label="[[label]]">
         </cr-policy-pref-indicator>
       </template>
     </div>
   </template>
   <script src="settings_input.js"></script>
 </dom-module>