contenteditable not working

html, javascript, jquery

Solution

I had to explicitly add `focus` to the `p` using the `onclick` event. Should be working: http://jsfiddle.net/csTS7/130/

See line 209:

"<p class='item_content' contenteditable='true' onclick='$(this).focus();'>"+$("#new_todo_item").val()+"</p>"

Update:

I just noticed you mentioning that you commented out the onclick event. If you uncomment that and change the contents to `$(this).focus();` it will function as expected.

Either solution works, but the latter is cleaner.

Problem

I just learned about `contenteditable` and I would like to use it in my project here. So, I have commented out `on("click", ..)` for `<p>` and I have added that attribute to it in the HTML. But, the content is not editable. I am not sure why it is not working. I also added the `DOCTYPE` but it made no difference. There is not error in the console. Can anyone please point me in the right direction? jsFiddle EDIT: Recreating the problem: Try adding an item with the `Add` button. Now, if you click on the newly added item, it should be editable, but it isnt.

Original source