title: Can't change text after set readOnly=false IE
body: <p>I have this sample code, and It's not working just in IE. Is there an IE bug?</p>
  
  <pre><code>&lt;input type="text" readonly="true" onclick="setReadonlyfalse(this)" /&gt;
  
  &lt;script type="text/javascript"&gt;
      function setReadonlyfalse(ed){
          ed.readOnly = false;
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm simulating a situation that after my grid show an editor, I receive a response from server to set my editor to readonly=false. (it was rendered with readonly=true)</p>
  
  <p><strong>edit:</strong></p>
  
  <p>I'm using ExtJS 3.4, and the code do this:</p>
  
  <pre><code>/**
   * Sets the read only state of this field.
   * @param {Boolean} readOnly Whether the field should be read only.
   */
  setReadOnly : function(readOnly){
      if(this.rendered){
          this.el.dom.readOnly = readOnly;
      }
      this.readOnly = readOnly;
  }
  </code></pre>
  
  <p><strong>edit2</strong>:
  I'm adjusted the code to be more correct </p>
  
  <pre><code>&lt;input type="text" readonly="readonly" onclick="removeReadonly(this)" value="hehehe" /&gt;
  &lt;script type="text/javascript"&gt;
      function removeReadonly(ed){
          ed.removeAttribute("readonly");
      }
  &lt;/script&gt;
  </code></pre>