Sortable issues - insert area doesn't show and dragging item drags list

Sortable issues - insert area doesn't show and dragging item drags list

I have a list that works fine using everything except IE 11. A user trying to drag an item into a list doesn't get the insert area and when trying to move an item in the list to a new location, the entire list drags (see screenshot).



The "Do you have a symptom..." item is being dragged, but the entire "General Heart Failure..." list is moving.

Since I'm new to jquery and I can't recreate the issue, I'm a bit lost as to how to resolve the problem.

Edit: here's the relevant script:

  2. <td valign="top" style="width: 75%;">
  3. <script type="text/javascript">
  4. $(document).ready(function () {
  5. $("#SectionRepeater").sortable({
  6. items: "div.SortableSection",
  7. forcePlaceholderSize: true,
  8. placeholder: "placeHolder"
  9. });

  11. $("div.Draggable").each(function () {
  12. $(this).draggable({
  13. connectToSortable: ".List",
  14. helper: "clone",
  15. revert: "invalid"
  16. });
  17. });

  19. $(".List").each(function (index, value) {
  20. $(this).attr("index", index);
  21. $(this).attr("id", "List" + index);
  22. var ListIndex = index

  24. $(this).children(".ListItem").each(function (index, value) {
  25. $(this).attr("class", "ListItem ListItem" + ListIndex);
  26. $(this).attr("id", "SectionQuestion_" + index);
  27. });

  29. $(this).sortable({
  30. items: "div.ListItem" + ListIndex,
  31. forcePlaceholderSize: true,
  32. placeholder: "placeHolder",
  33. receive: function (event, ui) {
  34. $(this).children(".Draggable").each(function (index, value) {
  35. $(this).attr("class", "ListItem ListItem" + ListIndex);
  36. });
  37. }
  38. });
  39. });

  41. });

  43. </script>
  44. <input type="hidden" runat="server" id="SectionOrder" />
  45. <div class="ui-tabs ui-widget ui-widget-content ui-corner-all" style="height: 600px; overflow-y: scroll;">
  46. <div id="SectionRepeater">
  47. <asp:Repeater runat="server" ID="rpSections" OnItemDataBound="rpSections_ItemDataBound">
  48. <ItemTemplate>
  49. <div id="Section_<%# %>"
  50. class="SortableSection">
  51. <div style="float: right; margin-top: -3px;">
  52. <asp:LinkButton name="<%#  %>"
  53. <uc1:ctrlQTemplateSection runat="server" ID="ctrlSection" CurrentQTemplateSection="<%# Container.DataItem %>" />
  54. </div>
  55. </ItemTemplate>
  56. </asp:Repeater>
  57. </div>
  59. </div>
  60. </td>