DevTools: Don't lose focus when interacting with ListWidget

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

 // Copyright 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.ListWidget = class extends UI.VBox {
   /**
    * @param {!UI.ListWidget.Delegate} delegate
    */
   constructor(delegate) {
     super(true);
     this.registerRequiredCSS('ui/listWidget.css');
     this._delegate = delegate;
 
     this._list = this.contentElement.createChild('div', 'list');
+    this.element.tabIndex = -1;
 
     /** @type {?UI.ListWidget.Editor} */
     this._editor = null;
     /** @type {*|null} */
     this._editItem = null;
     /** @type {?Element} */
     this._editElement = null;
 
     /** @type {?Element} */
     this._emptyPlaceholder = null;
@@ skipping 110 matching lines @@
       var index = this._elements.indexOf(element);
       var insertionPoint = this._elements[index + 1] || null;
       this._startEditing(item, element, insertionPoint);
     }
 
     /**
      * @this {UI.ListWidget}
      */
     function onRemoveClicked() {
       var index = this._elements.indexOf(element);
+      this.element.focus();
       this._delegate.removeItemRequested(this._items[index], index);
     }
   }
 
   /**
    * @override
    */
   wasShown() {
     super.wasShown();
     this._stopEditing();
@@ skipping 12 matching lines @@
   /**
    * @param {*} item
    * @param {?Element} element
    * @param {?Element} insertionPoint
    */
   _startEditing(item, element, insertionPoint) {
     if (element && this._editElement === element)
       return;
 
     this._stopEditing();
+    this._focusRestorer = new UI.ElementFocusRestorer(this.element);
 
     this._list.classList.add('list-editing');
     this._editItem = item;
     this._editElement = element;
     if (element)
       element.classList.add('hidden');
 
     var index = element ? this._elements.indexOf(element) : -1;
     this._editor = this._delegate.beginEdit(item);
     this._updatePlaceholder();
     this._list.insertBefore(this._editor.element, insertionPoint);
     this._editor.beginEdit(
         item, index, element ? Common.UIString('Save') : Common.UIString('Add'), this._commitEditing.bind(this),
         this._stopEditing.bind(this));
   }
 
   _commitEditing() {
     var editItem = this._editItem;
     var isNew = !this._editElement;
     var editor = /** @type {!UI.ListWidget.Editor} */ (this._editor);
     this._stopEditing();
     this._delegate.commitEdit(editItem, editor, isNew);
   }
 
   _stopEditing() {
     this._list.classList.remove('list-editing');
+    if (this._focusRestorer)
+      this._focusRestorer.restore();
     if (this._editElement)
       this._editElement.classList.remove('hidden');
     if (this._editor && this._editor.element.parentElement)
       this._editor.element.remove();
 
     this._editor = null;
     this._editItem = null;
     this._editElement = null;
     this._updatePlaceholder();
   }
@@ skipping 183 matching lines @@
 
   _cancelClicked() {
     var cancel = this._cancel;
     this._commit = null;
     this._cancel = null;
     this._item = null;
     this._index = -1;
     cancel();
   }
 };