Contenteditable не работает должным образом для тега div внутри тега li

Question

В настоящее время мне нужно иметь контентный тег div внутри тега li. Смотрите следующий образец:

<li class="le-item" title="Area 7"> 
    <div class="le-item-menu"><span class='le-item-close'>remove</span></div> 
    <div contentEditable="true" class="le-item-text"> 
     <p>Test</p> 
    </div> 
</li> 

Я использую Li тег в неупорядоченном списке, так что я могу воспользоваться опцией сортировки JQuery UI. Проблема, которую я имею, - это любой контент-атрибут div в теге li, действует по-разному. Вместо новых абзацев я получаю новые теги div.

Я пробовал свой мозг по этому поводу, и рассматриваю возможность просто написать свою собственную сортировку и вернуться ко всем div. Любые советы будут очень признательны.

Обновление: похоже, эта проблема относится только к Firefox.

Answer 1

Оказалось, что проблема на самом деле является проблемой с версией Firefox. Была ошибка, которая создала эту проблему, которая была решена. См.: https://bugzilla.mozilla.org/show_bug.cgi?id=460740.