DevTools: Migrate from -webkit-user-modify to contenteditable

third_party/WebKit/Source/devtools/front_end/sources/XHRBreakpointsSidebarPane.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @implements {UI.ContextFlavorListener}
  * @implements {UI.ToolbarItem.ItemsProvider}
  * @unrestricted
  */
 Sources.XHRBreakpointsSidebarPane = class extends Components.BreakpointsSidebarPaneBase {
   constructor() {
@@ skipping 22 matching lines @@
     contextMenu.appendItem(Common.UIString.capitalize('Add ^breakpoint'), this._addButtonClicked.bind(this));
     contextMenu.show();
   }
 
   _addButtonClicked() {
     UI.viewManager.showView('sources.xhrBreakpoints');
 
     var inputElementContainer = createElementWithClass('p', 'breakpoint-condition');
     inputElementContainer.textContent = Common.UIString('Break when URL contains:');
 
-    var inputElement = inputElementContainer.createChild('span', 'editing');
+    var inputElement = inputElementContainer.createChild('span');
     inputElement.id = 'breakpoint-condition-input';
     this.addListElement(inputElementContainer, /** @type {?Element} */ (this.listElement.firstChild));
 
     /**
      * @param {boolean} accept
      * @param {!Element} e
      * @param {string} text
      * @this {Sources.XHRBreakpointsSidebarPane}
      */
     function finishEditing(accept, e, text) {
@@ skipping 80 matching lines @@
     contextMenu.appendItem(removeAllTitle, removeAllBreakpoints.bind(this));
     contextMenu.show();
   }
 
   _checkboxClicked(url, event) {
     SDK.domDebuggerManager.toggleXHRBreakpoint(url, event.target.checked);
   }
 
   _labelClicked(url) {
     var element = this._breakpointElements.get(url) || null;
-    var inputElement = createElementWithClass('span', 'breakpoint-condition editing');
+    var inputElement = createElementWithClass('span', 'breakpoint-condition');
     inputElement.textContent = url;
     this.listElement.insertBefore(inputElement, element);
     element.classList.add('hidden');
 
     /**
      * @param {boolean} accept
      * @param {!Element} e
      * @param {string} text
      * @this {Sources.XHRBreakpointsSidebarPane}
      */
@@ skipping 39 matching lines @@
     element.classList.add('breakpoint-hit');
     this._highlightedElement = element;
   }
 
   _restoreBreakpoints() {
     var breakpoints = SDK.domDebuggerManager.xhrBreakpoints();
     for (var url of breakpoints.keys())
       this._setBreakpoint(url, breakpoints.get(url));
   }
 };