DevTools: Network panel filter bar overlaps after select resource row.

Source/devtools/front_end/timeline/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 356 matching lines @@
             this._captureFilmStripSetting.addChangeListener(this._onModeChanged, this);
             this._panelToolbar.appendToolbarItem(this._createSettingCheckbox(WebInspector.UIString("Screenshots"),
                                                                              this._captureFilmStripSetting,
                                                                              WebInspector.UIString("Capture screenshots while recording. (Has performance overhead)")));
         }
 
         this._progressToolbarItem = new WebInspector.ToolbarItem(createElement("div"));
         this._progressToolbarItem.setVisible(false);
         this._panelToolbar.appendToolbarItem(this._progressToolbarItem);
 
-        this._filtersContainer = this.element.createChild("div", "timeline-filters-header hidden");
-        this._filtersContainer.appendChild(this._filterBar.filtersElement());
-        this._filterBar.addEventListener(WebInspector.FilterBar.Events.FiltersToggled, this._onFiltersToggled, this);
-        this._filterBar.setName("timelinePanel");
+        this.element.appendChild(this._filterBar.filtersElement());
     },
 
     /**
      * @return {!WebInspector.FilterBar}
      */
     _createFilterBar: function()
     {
-        this._filterBar = new WebInspector.FilterBar();
+        this._filterBar = new WebInspector.FilterBar("timelinePanel");
         this._filters = {};
         this._filters._textFilterUI = new WebInspector.TextFilterUI();
         this._filters._textFilterUI.addEventListener(WebInspector.FilterUI.Events.FilterChanged, this._textFilterChanged, this);
         this._filterBar.addFilter(this._filters._textFilterUI);
 
         var durationOptions = [];
         for (var presetIndex = 0; presetIndex < WebInspector.TimelinePanel.durationFilterPresetsMs.length; ++presetIndex) {
             var durationMs = WebInspector.TimelinePanel.durationFilterPresetsMs[presetIndex];
             var durationOption = {};
             if (!durationMs) {
@@ skipping 39 matching lines @@
         this._durationFilter.setMinimumRecordDuration(minimumRecordDuration);
     },
 
     _categoriesFilterChanged: function(name, event)
     {
         var categories = WebInspector.TimelineUIUtils.categories();
         categories[name].hidden = !this._filters._categoryFiltersUI[name].checked();
         this._categoryFilter.notifyFilterChanged();
     },
 
-    _onFiltersToggled: function(event)
-    {
-        var toggled = /** @type {boolean} */ (event.data);
-        this._filtersContainer.classList.toggle("hidden", !toggled);
-        this.doResize();
-    },
-
     /**
      * @return {!WebInspector.Progress}
      */
     _prepareToLoadTimeline: function()
     {
         if (this._recordingInProgress()) {
             this._updateToggleTimelineButton(false);
             this._stopRecording();
         }
 
@@ skipping 146 matching lines @@
             this._frameOverview.addEventListener(WebInspector.TimelineFrameOverview.Events.SelectionChanged, this._onOverviewSelectionChanged, this);
             this._overviewControls.push(this._frameOverview);
         } else {
             this._frameOverview = null;
             this._overviewControls.push(new WebInspector.TimelineEventOverview(this._model, this._frameModel()));
         }
         this.element.classList.toggle("timeline-overview-frames-mode", isFrameMode);
 
         if (this._flameChartEnabledSetting.get()) {
             this._filterBar.filterButton().setEnabled(false);
-            this._filtersContainer.classList.toggle("hidden", true);
+            this._filterBar.filtersElement().classList.toggle("hidden", true);
             this._flameChart = new WebInspector.TimelineFlameChartView(this, this._model, this._frameModel());
             this._flameChart.enableNetworkPane(this._captureNetworkSetting.get());
             this._addModeView(this._flameChart);
         } else {
             this._flameChart = null;
             this._filterBar.filterButton().setEnabled(true);
-            this._filtersContainer.classList.toggle("hidden", !this._filterBar.filtersToggled());
+            this._filterBar.filtersElement().classList.toggle("hidden", !this._filterBar.filtersToggled());
             var timelineView = new WebInspector.TimelineView(this, this._model);
             this._addModeView(timelineView);
             timelineView.setFrameModel(isFrameMode ? this._frameModel() : null);
         }
 
         if (this._captureMemorySetting.get()) {
             if (!isFrameMode)  // Frame mode skews time, don't render aux overviews.
                 this._overviewControls.push(new WebInspector.TimelineMemoryOverview(this._model));
             this._addModeView(new WebInspector.MemoryCountersGraph(this, this._model));
         }
@@ skipping 1206 matching lines @@
     /**
      * @override
      */
     reset: function()
     {
         this._filmStripView.reset();
     },
 
     __proto__: WebInspector.TimelineOverviewBase.prototype
 }