DevTools: live ClassPane

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

Index: third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js b/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js
index 6f0e3cb835f9d7ba8aa4883450f0a32a2e59ae93..439b9c069b81a8d1a1ba110649e2f573402dc41d 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js
+++ b/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js
@@ -19,6 +19,7 @@ Elements.ClassesPaneWidget = class extends UI.Widget {
 
     var proxyElement = this._prompt.attach(this._input);
     this._prompt.setPlaceholder(Common.UIString('Add new class'));
+    this._prompt.addEventListener(UI.TextPrompt.Events.ItemApplied, this._onItemApplied, this);
     proxyElement.addEventListener('keydown', this._onKeyDown.bind(this), false);
 
     SDK.targetManager.addModelListener(SDK.DOMModel, SDK.DOMModel.Events.DOMMutated, this._onDOMMutated, this);
@@ -59,6 +60,15 @@ Elements.ClassesPaneWidget = class extends UI.Widget {
     event.consume(true);
   }
 
+  _onItemApplied() {
+    var node = UI.context.flavor(SDK.DOMNode);
+    if (!node)
+      return;
+
+    this._installNodeClasses(node, this._prompt._currentSuggestion);
+    this._update();
+  }
+
   /**
    * @param {!Common.Event} event
    */
@@ -151,7 +161,7 @@ Elements.ClassesPaneWidget = class extends UI.Widget {
   /**
    * @param {!SDK.DOMNode} node
    */
-  _installNodeClasses(node) {
+  _installNodeClasses(node, additionalClass) {
     var classes = this._nodeClasses(node);
     var activeClasses = new Set();
     for (var className of classes.keys()) {
@@ -159,6 +169,8 @@ Elements.ClassesPaneWidget = class extends UI.Widget {
         activeClasses.add(className);
     }
 
+    if (additionalClass)
+      activeClasses.add(additionalClass);
     var newClasses = activeClasses.valuesArray();
     newClasses.sort();
     this._mutatingNodes.add(node);