Pin keyboard works with virtual keyboard.

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 ffc5a62da781827ea2dc7207763f2cda46755d4c..f78b9b17135a510879d6973df6c83b46702bc103 100644
--- a/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
+++ b/chrome/browser/resources/chromeos/quick_unlock/pin_keyboard.html
@@ -38,6 +38,10 @@
         display: flex;
       }
 
+      .row.first-row {
+        height: 64px;
+      }
+
       .digit-button {
         align-items: center;
         background: none;
@@ -112,12 +116,6 @@
         height: 52px;
       }
 
-      .first-row {
-        height: 64px;
-        min-height: 64px;
-        padding: 28px 15px 12px 15px;
-      }
-
       #pin-input {
         -webkit-text-security: disc;
         background-color: white;
@@ -152,22 +150,17 @@
       }
     </style>
 
-    <div id="root">
+    <div id="root" on-keypress="onKeyPress_" on-keydown="onKeyDown_">
       <div id="container-constrained-width">
-        <div class="row">
+        <div class="row first-row">
           <input id="pin-input" type="[[getInputType_(enablePassword)]]"
                  class$="[[getInputClass_(value)]]
                          [[getSubmitHiddenClass_(enableSubmitButton)]]"
                  placeholder="[[getInputPlaceholder_(enablePassword)]]"
                  value="{{value::input}}"
-                 on-keydown="onInputKeyDown_"></input>
-          <paper-button class$="digit-button first-row submit-button
-                                [[getSubmitHiddenClass_(enableSubmitButton)]]"
-                        on-tap="firePinSubmitEvent_">
-            <div class$="icon-container [[getSubmitClass_(value)]]">
-                <iron-icon class="icon" icon="pin-keyboard:forward"><iron-icon>
-            </div>
-          </paper-button>
+                 on-keydown="onInputKeyDown_"
+                 hidden=[[!showInput]]>
+          </input>
         </div>
 
         <div class="row keyboard">