After dropping a dragged item a delay occurs as the data does the sorting

[mtpultz]

A dataset of 300 records in a table using ui-sortable has a 3-4 second delay after the item being dragged is dropped that appears to be related to sorting the newly ordered data that prevents any actions from occurring until complete, which includes any further dragging and even scrolling the page.

[thgreasi]

Hi there. It might be the ng-repeat that's re-rendering that causes the issue. Are you using the track by statement in your ng-repeat and are you taking a unique property?

[mtpultz]

Hi @thgreasi, yah I'm using track by and a unique database ID. This is a snippet of the markup.

<tbody ui-sortable="vm.sortableOptions"
       ng-model="vm.agencies">

    <tr ng-repeat="agency in vm.agencies track by agency.id">

        <td data-title="'Sort Order'"
               data-label="Sort Order"
               title="Sort Order">

            {{ agency.sortorder }}

        </td>

[c0r3yz]

I'm experiencing a similar situation, has there been any resolution for this yet?

[thgreasi]

I created an example pen to demonstrate this, but I'm not usre how we can handle it.