Pin keyboard use enter to submit when focus is not on a button.

chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html

Index: chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
diff --git a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
index 3e11127c88f77cb4ae9ebe5bcc67f79b487a93c4..ec5387dbd870b18e68845e1cd8d215b268efcd23 100644
--- a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
+++ b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
@@ -108,6 +108,8 @@
                  on-keydown="onInputKeyDown_"></input>
           <div class="digit-button first-row">
             <paper-button class="digit-button submit-button"
+                          on-focus="onButtonFocus_"

[jdufault, 2016/06/30 22:18:44]

Can we use one of the paper-button properties instead of intercepting focus
events?

active[1], focused, and receivedFocusFromKeyboard all look very interesting.

1: https://elements.polymer-project.org/elements/paper-button#property-active

[sammiequon, 2016/07/01 21:13:58]

Done.

+                          on-keydown="onButtonKeyDown_"
                           on-tap="firePinSubmitEvent_">
               <div class="icon-container">
                   <iron-icon class="icon" icon="icons:forward"><iron-icon>
@@ -117,44 +119,67 @@
         </div>
 
         <div class="row keyboard">
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="1">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>1</inner-text>
           </paper-button>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="2">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>2</inner-text>
           </paper-button>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="3">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>3</inner-text>
           </paper-button>
         </div>
         <div class="row keyboard">
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="4">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>4</inner-text>
           </paper-button>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="5">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>5</inner-text>
           </paper-button>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="6">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>6</inner-text>
           </paper-button>
         </div>
         <div class="row keyboard">
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="7">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>7</inner-text>
           </paper-button>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="8">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>8</inner-text>
           </paper-button>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="9">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>9</inner-text>
           </paper-button>
         </div>
         <div class="row keyboard">
           <div class="digit-button"></div>
-          <paper-button class="digit-button" on-tap="onNumberTap_" value="0">
+          <paper-button class="digit-button" on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onNumberTap_" value="1">
             <inner-text>0</inner-text>
           </paper-button>
-          <paper-button class="digit-button clear-button" on-tap="onPinClear_">
+          <paper-button class="digit-button clear-button"
+                        on-focus="onButtonFocus_"
+                        on-keydown="onButtonKeyDown_"
+                        on-tap="onPinClear_">
             <div class="icon-container">
               <iron-icon class="icon" icon="icons:clear"><iron-icon>
             </div>