contenteditable span не работает в .sortable <li>, но работает вне <li>- firefox

Question

При использовании firefox contenteditable = "true" не работает в li, который можно отсортировать с помощью плагина .sortable ui.

Html:

<p id="hello" contenteditable="true">this is editable</p>
<ul>
  <li><span contenteditable="true">this is not</span></li>
  <li><span contenteditable="true">neither is this</span></li>      
</ul>

Js:

$("ul").sortable();

Вы можете редактировать первые <p>, но не любые из <span> в <li>. Это в Firefox. Работает в Chrome.

Есть идеи?

Весь этот код также здесь: http://jsbin.com/onosir/2/edit

Answer 1

Содержимое в диапазонах можно редактировать, как только они получат фокус.Вероятно, это метод moussedown сортируемого, который не позволяет прядям фокусироваться.Попробуйте использовать ручку для этих случаев.