DevTools: only allow status bar items in status bars.

Source/devtools/front_end/profiler/CanvasReplayStateView.js

 /*
  * Copyright (C) 2013 Google 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.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 22 matching lines @@
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.CanvasTraceLogPlayerProxy} traceLogPlayer
  */
 WebInspector.CanvasReplayStateView = function(traceLogPlayer)
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("profiler/canvasProfiler.css");
     this.element.classList.add("canvas-replay-state-view");
     this._traceLogPlayer = traceLogPlayer;
 
-    var controlsContainer = this.element.createChild("div", "status-bar");
-    this._prevButton = this._createControlButton(controlsContainer, "canvas-replay-state-prev", WebInspector.UIString("Previous resource."), this._onResourceNavigationClick.bind(this, false));
-    this._nextButton = this._createControlButton(controlsContainer, "canvas-replay-state-next", WebInspector.UIString("Next resource."), this._onResourceNavigationClick.bind(this, true));
-    this._createControlButton(controlsContainer, "canvas-replay-state-refresh", WebInspector.UIString("Refresh."), this._onStateRefreshClick.bind(this));
+    var controlsToolbar = new WebInspector.StatusBar(this.element);
+    this._prevButton = this._createControlButton(controlsToolbar, "canvas-replay-state-prev", WebInspector.UIString("Previous resource."), this._onResourceNavigationClick.bind(this, false));
+    this._nextButton = this._createControlButton(controlsToolbar, "canvas-replay-state-next", WebInspector.UIString("Next resource."), this._onResourceNavigationClick.bind(this, true));
+    this._createControlButton(controlsToolbar, "canvas-replay-state-refresh", WebInspector.UIString("Refresh."), this._onStateRefreshClick.bind(this));
 
     this._resourceSelector = new WebInspector.StatusBarComboBox(this._onReplayResourceChanged.bind(this));
     this._currentOption = this._resourceSelector.createOption(WebInspector.UIString("<auto>"), WebInspector.UIString("Show state of the last replayed resource."), "");
-    controlsContainer.appendChild(this._resourceSelector.element);
+    controlsToolbar.appendStatusBarItem(this._resourceSelector);
 
     /** @type {!Object.<string, string>} */
     this._resourceIdToDescription = {};
 
     /** @type {!Object.<string, !Object.<string, boolean>>} */
     this._gridNodesExpandedState = {};
     /** @type {!Object.<string, !{scrollTop: number, scrollLeft: number}>} */
     this._gridScrollPositions = {};
 
     /** @type {?CanvasAgent.ResourceId} */
@@ skipping 34 matching lines @@
         for (var index = 0; option; ++index, option = option.nextSibling) {
             if (resourceId === option.value) {
                 this._resourceSelector.setSelectedIndex(index);
                 this._onReplayResourceChanged();
                 break;
             }
         }
     },
 
     /**
-     * @param {!Element} parent
+     * @param {!WebInspector.StatusBar} toolbar
      * @param {string} className
      * @param {string} title
      * @param {function(this:WebInspector.CanvasProfileView)} clickCallback
      * @return {!WebInspector.StatusBarButton}
      */
-    _createControlButton: function(parent, className, title, clickCallback)
+    _createControlButton: function(toolbar, className, title, clickCallback)
     {
         var button = new WebInspector.StatusBarButton(title, className + " canvas-replay-button");
-        parent.appendChild(button.element);
+        toolbar.appendStatusBarItem(button);
 
         button.makeLongClickEnabled();
         button.addEventListener("click", clickCallback, this);
         button.addEventListener("longClickDown", clickCallback, this);
         button.addEventListener("longClickPress", clickCallback, this);
         return button;
     },
 
     /**
      * @param {boolean} forward
@@ skipping 395 matching lines @@
         data[0] = nameElement;
         data[1] = valueElement;
         var node = new WebInspector.DataGridNode(data);
         node.selectable = false;
         node.name = name;
         return node;
     },
 
     __proto__: WebInspector.VBox.prototype
 }