[DevTools] Merge filter bar with the main toolbar

third_party/WebKit/Source/devtools/front_end/resources/DOMStorageItemsView.js

 /*
  * Copyright (C) 2008 Nokia Inc.  All rights reserved.
  * Copyright (C) 2013 Samsung Electronics. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
@@ skipping 146 matching lines @@
     var filteredItems = item => `${item[0]} ${item[1]}`;
     for (var item of this.filter(items, filteredItems)) {
       var key = item[0];
       var value = item[1];
       var node = new DataGrid.DataGridNode({key: key, value: value}, false);
       node.selectable = true;
       rootNode.appendChild(node);
       if (!selectedNode || key === selectedKey)
         selectedNode = node;
     }
-    if (selectedNode)
-      selectedNode.selected = true;
+    if (selectedNode) {
+      selectedNode.select();
+      selectedNode.reveal();
+    }
     this._dataGrid.addCreationNode(false);
     this.setCanDeleteSelected(!!selectedNode);
   }
 
   /**
    * @override
    */
   deleteSelectedItem() {
     if (!this._dataGrid || !this._dataGrid.selectedNode)
       return;
@@ skipping 40 matching lines @@
     }
   }
 
   _deleteCallback(node) {
     if (!node || node.isCreationNode)
       return;
 
     if (this._domStorage)
       this._domStorage.removeItem(node.data.key);
   }
+
+  /**
+   * @override
+   */
+  focusGrid() {
+    if (!this._dataGrid)
+      return;
+    var root = this._dataGrid.rootNode();
+    if (!root || root.children.length === 0)

[dgozman, 2017/02/01 00:28:35]

There is always a rootNode.

[eostroukhov, 2017/02/03 01:17:40]

Done.

+      return;
+    root.children[0].select();
+    this._dataGrid.element.focus();
+  }
 };