Home/ Questions/Q 1059261
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T18:08:39+00:00

If I do jquery sortable on a contenteditable items, the item would never be

  • 0

If I do “jquery sortable” on a contenteditable items, the item would never be editable.

I should mention that in IE every thing works fine and i have this problem in FF 3.6.8

<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script>
  <script>
  $(document).ready(function(){
      $('#sortable').sortable();
  });
  </script>
</head>
<body>
  <span id="sortable">
    <p contenteditable="true">test</p>
  </span>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Perhaps use a handle?

    <div id="sortable">
    <div>
        <span class="handle">Perhaps some icon here</span>
        <p contenteditable="true">Editable text..</p>
    </div>
    <div>
        <span class="handle">Perhaps some icon here</span>
        <p contenteditable="true">Editable text..</p>
    </div>
</div>


$("#sortable").sortable({
    handle: 'span'
});

    P.S. You shouldn’t nest <p> tags inside <span>'s 🙂

    • 0