AbortError thrown on fast drag/drop

[saracope]

Describe the bug
When quickly dragging and dropping an item an AbortError is thrown which breaks further drag/drop functionality.

To Reproduce
Steps to reproduce the behavior:

1. Using <ul {{sortable-group}}> with {{#each items as |item|}} <li {{sortable-item model=item}}>
2. Drag an item quickly and release before animation completes
3. Observe the console error:

AbortError: the user aborted a request.

Expected behavior
Transitions should gracefully cancel or resolve. No uncaught errors should be thrown.

Screenshots

Additional context

• The DOM node is not removed
• The .is-dropping class is applied
• Transition seems to be interrupted mid-flight
• Seeing in Chrome and Safari
• Happens with both ember-sortable implementations we have in the codebase
• Patching sortable-item.js resolves the issue for me locally

      return transitionPromise;
    } catch (e) {
      if (e.name === 'AbortError') {
        return Promise.resolve();
      }
      throw e;
    }

Versions
ember-sortable: 5.3.3
ember: 4.4

[gorner]

I'm seeing this too, it seems to have been introduced in 5.3.3 or 5.3.2 as I can't reproduce in 5.3.1. It appeared to me to be related to the changes here: v5.3.1-ember-sortable...v5.3.3-ember-sortable#diff-c9020feb75c2af0d052cfb3eb92685c87619afd029047fab690bbc0470055821R816

[chbonser]

@gorner Thanks for the tip. Using that diff we found that removing css with a transition-duration made it so that our item was not considered 'animated' on drag and made it work reliably again. That's not a great long term solve but might be a helpful workaround for some use cases.