It seems I have a problem with some of my css / javascript. I can't seem to get contentEditable to work in my webapp. I was inspired by the answer to this post to try this method.
I tested my browser here and it works great.
Are there any css rules I should be aware of, can this make it not work? I can select an object (it selects a div), but I cannot edit / add / delete any text in the object.
I also made sure that document.designMode = "on"
Unfortunately, this is an internal application, so I can’t get links for everyone to try.
- EDIT--
Code Abbreviated as requested
<div id="textarea_textObject0_preview_container" class="te_preview" style="width: 650px; height: 365px; overflow-x: hidden; overflow-y: hidden; text-align: left; background-image: url(http://172.18.4.249/workspace/tc-a/web/style/images/bgrid.jpg); ">
<div style="display: inline-block; position: relative; cursor: move; font-weight: normal; font-style: normal; text-decoration: none; left: 170px; top: 129px; " class="ui-draggable" contenteditable="true">Start Text</div>
</div>
CSS :
