DevTools: track more elements panel user actions

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

Index: third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js b/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
index 9325f062ba194ca295ac7da8407b8918ee9017d0..bade34c764023e73fdd06a6a707265acc222ed05 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
+++ b/third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
@@ -48,6 +48,7 @@ Elements.StylesSidebarPane = class extends Elements.ElementsSidebarPane {
     this._sectionBlocks = [];
     Elements.StylesSidebarPane._instance = this;
     UI.context.addFlavorChangeListener(SDK.DOMNode, this.forceUpdate, this);
+    this.element.addEventListener('copy', this._clipboardCopy.bind(this));
   }
 
   /**
@@ -485,6 +486,16 @@ Elements.StylesSidebarPane = class extends Elements.ElementsSidebarPane {
       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;