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

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

 // Copyright 2016 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
  * 'pin-keyboard' is a keyboard that can be used to enter PINs or more generally
  * numeric values.
  *
  * Properties:
@@ skipping 17 matching lines @@
   properties: {
     /** The value stored in the keyboard's input element. */
     value: {
       type: String,
       notify: true,
       value: '',
       observer: 'onPinValueChange_'
     }
   },
 
+  // The current focused element.
+  focusedElement_: undefined,
+
   /** Transfers focus to the input element. */
   focus: function() {
-    this.$$('#pin-input').focus();
+    var pinInput = this.$$('#pin-input');
+    pinInput.focus();
+    this.focusedElement_ = pinInput;
+  },
+
+  /** Called when a pin keyboard has a key pressed. */
+  onButtonKeyUp_: function(event, detail) {
+    // Only if tab has been pressed do we want change the focus.
+    if (event.target.receivedFocusFromKeyboard)
+      this.focusedElement_ = event.target;
   },
 
   /** Called when a keypad number has been tapped. */
   onNumberTap_: function(event, detail) {
     var numberValue = event.target.getAttribute('value');
     this.value += numberValue;
+
+    // If the tabbed element is clicked we want to keep the focus, otherwise
+    // transfer focus to the input.
+    if (this.focusedElement_ != event.target)

[jdufault, 2016/07/01 21:20:52]

Can we traverse the DOM to find the focused element instead of caching it? Does
document.activeElement work?

[sammiequon, 2016/07/01 22:19:14]

document.activeElement always returns the button if you tap it. But I want to
send focus back to the input if the previous focused element, so I cached it. I
think we can replace event.target with document.activeElement thought.

+      this.focus();
   },
 
   /** Fires a submit event with the current PIN value. */
   firePinSubmitEvent_: function() {
     this.fire('submit', { pin: this.value });
   },
 
   /**
    * Fires an update event with the current PIN value. The event will only be
    * fired if the PIN value has actually changed.
@@ skipping 22 matching lines @@
     }
 
     // Enter pressed.
     if (event.keyCode == 13) {
       this.firePinSubmitEvent_();
       event.preventDefault();
       return;
     }
   }
 });