title: Why is my input field uneditable?
body: <p>I'm building a web page with many mixed-in libraries: jQuery, Bootstrap, a number of other services' scripts, and so on.  I'm using an earlier (modified) version of the <a href="https://github.com/laktek/really-simple-color-picker" rel="nofollow">Really Simple Color Picker</a>, and the input control is uneditable, but only in Firefox.  In Chrome, Safari, and Internet Explorer, the field is editable.</p>
  
  <p>I can find nothing in the code that is making the field uneditable.  In Firefox, I can see in the firebug panel that the <code>.uneditable-input</code> CSS styles are being applied, but the element itself has no classes, either in the original HTML, the HTML view, or the DOM view.</p>
  
  <p>Some other attributes that seem related in the DOM view are: </p>
  
  <pre><code> className ""
   contentEditable "inherit"
   disabled false
   hidden false
   indeterminate false
   readOnly false
   required false
  </code></pre>
  
  <p>What could make my input uneditable, and why in only one browser?</p>
  
  <p>One more twist: the input field itself is actually inserted onto the page with jQuery code in the color picker library.  </p>
  
  <p>I would love to include code, but the page is very large with a dozen dependencies, I'm looking now for ideas about what kinds of things can make a field uneditable so that I can hunt for causes.  I know it's not great to not include code, I will work on whittling it down.</p>