DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/ui/HistoryInput.js

 // Copyright (c) 2015 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.
 /**
  * @unrestricted
  */
 UI.HistoryInput = class extends HTMLInputElement {
   constructor() {
     super();
   }
 
   /**
    * @return {!UI.HistoryInput}
    */
   static create() {
     if (!UI.HistoryInput._constructor)
       UI.HistoryInput._constructor = UI.registerCustomElement('input', 'history-input', UI.HistoryInput.prototype);
 
     return /** @type {!UI.HistoryInput} */ (new UI.HistoryInput._constructor());
   }
 
   /**
    * @override
    */
   createdCallback() {
     this._history = [''];
     this._historyPosition = 0;
+    this.classList.add('default-input');

[pfeldman, 2017/06/01 21:16:57]

That way you would not need to do this...

[luoe, 2017/06/06 00:16:27]

Done.

     this.addEventListener('keydown', this._onKeyDown.bind(this), false);
     this.addEventListener('input', this._onInput.bind(this), false);
   }
 
   /**
    * @param {!Event} event
    */
   _onInput(event) {
     if (this._history.length === this._historyPosition + 1)
       this._history[this._history.length - 1] = this.value;
@@ skipping 19 matching lines @@
   }
 
   _saveToHistory() {
     if (this._history.length > 1 && this._history[this._history.length - 2] === this.value)
       return;
     this._history[this._history.length - 1] = this.value;
     this._historyPosition = this._history.length - 1;
     this._history.push('');
   }
 };