[List and List Item] Cancel drag reorder on ESC

[crowjonah]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

When utilizing the calcite-list and calcite-list-item for draggable items, cancelling a drag operation with the ESC key unexpectedly commits the reorder, contrary to expectations where the item should return to its original position.

Acceptance Criteria

The dragged item should revert to its original position when the ESC key is pressed, indicating that the drag operation has been canceled.

Relevant Info

This issue has been consistently observed across different implementations including the Calcite documentation pages and external applications like MapViewer. It was initially mentioned in a prior issue (#6554 (comment)).

Which Component

List and List Item

Example Use Case

Current behavior of the list component as demo'd on the doc site: https://codepen.io/crow-jonah-norlander/pen/qBGBeOd?editors=100

1. Initiate a drag operation on any item within calcite-list.
2. Press the ESC key before releasing the drag.
3. Notice that the item animates a return to its origin before being moved to the drag end location at the time esc was pressed.

Priority impact

p4 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Field Apps