title: HTML5 ContentEditable not working in Chrome
body: <p>I am building a HTML5 webapp and I tried using contenteditable feature to make a in-place edit of text,but for some reason I couldn't get "editing" to work. </p>
  
  <p>EDIT: I am using Chrome 12.0.xx</p>
  
  <ul>
  <li>It highlights the Element(I can see it by CSS)</li>
  <li>I also tested <code>object.isContentEditable</code> which returns <code>true</code> </li>
  <li>I tried changing <code>&lt;lable&gt;</code> to other elements like <code>&lt;div&gt;</code>,<code>&lt;p&gt;</code>,<code>&lt;span&gt;</code> nothing works.Only <code>&lt;textarea&gt;</code> works but I am guessing that has got nothing to do with HTML5 or contenteditable attribute.</li>
  <li><code>blur</code> event gets fired on exit of edit mode.(I can see from debugger)</li>
  </ul>
  
  <p>With some clue in question <a href="https://stackoverflow.com/questions/3534692/how-do-i-figure-out-why-the-contenteditable-attribute-doesnt-work">How do I figure out why the contenteditable attribute doesn&#39;t work?</a> I tried turning off of all CSS but no luck.</p>
  
  <p>The only thing is, I am adding my elements via javascript rather that HTML source</p>
  
  <p><strong>JS Code:</strong></p>
  
  <pre><code>var newLi =document.createElement("li");
  var newLable=document.createElement("lable");
  newLable.className="labletext";
  newLable.contentEditable="true";
  newLable.innerText=String(localStorage["task."+i+".taskValue"]);
  newLable.addEventListener('blur',editTask,false);
  newLi.appendChild(newLable);
  Parent.appendChild(newLi);
  
  function editTask()
  {
     var keyid=this.id;
     var startchar = keyid.lastIndexOf("_");
     var endchar=keyid.length;        
     var taskId=parseInt(keyid.substring(startchar+1,endchar));
  
     localStorage.setItem("task."+taskId+".taskValue",this.innerText);
     loadTasks("tasklist");
  }
  </code></pre>