DevTools: update default focus element in security panel

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

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 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 299 matching lines @@
     __proto__: WebInspector.Object.prototype
 }
 
 /**
  * @constructor
  * @extends {TreeOutline}
  */
 function TreeOutlineInShadow()
 {
     TreeOutline.call(this);
-    var innerElement = this.element;
-    innerElement.classList.add("tree-outline");
+    this.innerElement = this.element;

[lushnikov, 2016/05/12 19:15:44]

let's call this contentElement to be consistent with WI.Widget

[luoe, 2016/05/12 21:28:28]

Turns out there was already a "_contentElement", which was identical to
"innerElement".  Switched instances to plain, public "contentElement".

+    this.innerElement.classList.add("tree-outline");
 
     // Redefine element to the external one.
     this.element = createElement("div");
     this._shadowRoot = WebInspector.createShadowRootWithCoreStyles(this.element, "ui/treeoutline.css");
     this._disclosureElement = this._shadowRoot.createChild("div", "tree-outline-disclosure");
-    this._disclosureElement.appendChild(innerElement);
+    this._disclosureElement.appendChild(this.innerElement);
     this._renderSelection = true;
 }
 
 TreeOutlineInShadow.prototype = {
     /**
      * @param {string} cssFile
      */
     registerRequiredCSS: function(cssFile)
     {
         WebInspector.appendStyle(this._shadowRoot, cssFile);
@@ skipping 826 matching lines @@
     isEventWithinDisclosureTriangle: function(event)
     {
         // FIXME: We should not use getComputedStyle(). For that we need to get rid of using ::before for disclosure triangle. (http://webk.it/74446)
         var paddingLeftValue = window.getComputedStyle(this._listItemNode).paddingLeft;
         console.assert(paddingLeftValue.endsWith("px"));
         var computedLeftPadding = parseFloat(paddingLeftValue);
         var left = this._listItemNode.totalOffsetLeft() + computedLeftPadding;
         return event.pageX >= left && event.pageX <= left + TreeElement._ArrowToggleWidth && this._expandable;
     }
 }