When inserting a new row via jQuerys' after()
function, the standard table helper arrows are vastly off position on the page. (they are off position relative to the td that is being edited). The rows being inserted are using the contenteditable tag.
Reproduced on Firefox 3.
Anybody come up across something similar before? Or alternatively is there any way to disable these arrows?
newRow = '<tr class="focus"> <td class="column1"><div contenteditable="true">Date</div></td><td class="column2"><div contenteditable="true">Entity</div></td> <td class="column3"><div contenteditable="true">Instances</div></td><td class="column4 "><div contenteditable="true">Type</div></td><td class="column5"><div contenteditable="true">Rule by</div></td><td class="column6" contenteditable="false"><a class="save">Save</a></td></tr>';
$('.manageRules .edit').live('click', function(e) {
$(this).closest('tr').prev().after(newRow)
}
})