DevTools: track more elements panel user actions

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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.
@@ skipping 30 matching lines @@
     this._sectionsContainer = this.element.createChild('div');
     this._swatchPopoverHelper = new InlineEditor.SwatchPopoverHelper();
     this._linkifier = new Components.Linkifier(Elements.StylesSidebarPane._maxLinkLength, /* useLinkDecorator */ true);
 
     this.element.classList.add('styles-pane');
 
     /** @type {!Array<!Elements.SectionBlock>} */
     this._sectionBlocks = [];
     Elements.StylesSidebarPane._instance = this;
     UI.context.addFlavorChangeListener(SDK.DOMNode, this.forceUpdate, this);
+    this.element.addEventListener('copy', this._clipboardCopy.bind(this));
   }
 
   /**
    * @param {!SDK.CSSProperty} property
    * @return {!Element}
    */
   static createExclamationMark(property) {
     var exclamationElement = createElement('label', 'dt-icon-label');
     exclamationElement.className = 'exclamation-mark';
     if (!Elements.StylesSidebarPane.ignoreErrorsForProperty(property))
@@ skipping 417 matching lines @@
 
   /**
    * @return {!Array<!Elements.StylePropertiesSection>}
    */
   allSections() {
     var sections = [];
     for (var block of this._sectionBlocks)
       sections = sections.concat(block.sections);
     return sections;
   }
+
+  /**
+   * @param {!Event} event
+   * @suppressGlobalPropertiesCheck
+   */
+  _clipboardCopy(event) {
+    // event.target is unreliable for copy event

[chenwilliam, 2017/02/10 22:53:38]

w/o this hack, it was firing after I selected StylesSidebarPane and then tried
copying nodes on the ElementsTreeOutline.

[pfeldman, 2017/02/10 23:00:46]

Can't be!

[chenwilliam, 2017/02/25 00:49:14]

Seems like the focus was fixed...

+    if (this.element.contains(self.document.activeElement))
+      Host.userMetrics.actionTaken(Host.UserMetrics.Action.StyleRuleCopied);
+  }
 };
 
 Elements.StylesSidebarPane._maxLinkLength = 30;
 
 /**
  * @unrestricted
  */
 Elements.SectionBlock = class {
   /**
    * @param {?Element} titleElement
@@ skipping 2582 matching lines @@
   }
 
   /**
    * @override
    * @return {!UI.ToolbarItem}
    */
   item() {
     return this._button;
   }
 };