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

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

 /*
  * Copyright (C) 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2011 Google 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.
@@ skipping 83 matching lines @@
     return proxyElement;
   }
 
   /**
    * @param {!Element} element
    * @return {!Element}
    */
   _attachInternal(element) {
     if (this._proxyElement)
       throw 'Cannot attach an attached TextPrompt';
     this._element = element;

[dgozman, 2017/05/02 21:09:21]

Let's just do it here.

[einbinder, 2017/05/04 00:56:25]

Sounds good.

 
     this._boundOnKeyDown = this.onKeyDown.bind(this);
     this._boundOnInput = this.onInput.bind(this);
     this._boundOnMouseWheel = this.onMouseWheel.bind(this);
     this._boundClearAutocomplete = this.clearAutocomplete.bind(this);
     this._proxyElement = element.ownerDocument.createElement('span');
     var shadowRoot = UI.createShadowRootWithCoreStyles(this._proxyElement, 'ui/textPrompt.css');
     this._contentElement = shadowRoot.createChild('div', 'text-prompt-root');
     this._contentElement.createChild('content');
     this._proxyElement.style.display = this._proxyElementDisplay;
@@ skipping 94 matching lines @@
       this._stopEditing();
     if (this._suggestBox)
       this._suggestBox.hide();
   }
 
   /**
    * @param {function(!Event)=} blurListener
    */
   _startEditing(blurListener) {
     this._isEditing = true;
+    this._element.setAttribute('contenteditable', 'plaintext-only');
     this._contentElement.classList.add('text-prompt-editing');
     if (blurListener) {
       this._blurListener = blurListener;
       this._element.addEventListener('blur', this._blurListener, false);
     }
     this._oldTabIndex = this._element.tabIndex;
     if (this._element.tabIndex < 0)
       this._element.tabIndex = 0;
     this._focusRestorer = new UI.ElementFocusRestorer(this._element);
     if (!this.text())
       this.autoCompleteSoon();
   }
 
   _stopEditing() {
     this._element.tabIndex = this._oldTabIndex;
     if (this._blurListener)
       this._element.removeEventListener('blur', this._blurListener, false);
     this._contentElement.classList.remove('text-prompt-editing');
+    this._element.removeAttribute('contenteditable');
     delete this._isEditing;
   }
 
   /**
    * @param {!Event} event
    */
   onMouseWheel(event) {
     // Subclasses can implement.
   }
 
@@ skipping 380 matching lines @@
     return this._proxyElement || null;
   }
 };
 
 UI.TextPrompt.DefaultAutocompletionTimeout = 250;
 
 /** @enum {symbol} */
 UI.TextPrompt.Events = {
   TextChanged: Symbol('TextChanged')
 };