calcite-design-system icon indicating copy to clipboard operation
calcite-design-system copied to clipboard

feat(list)!: Support moving between different lists via keyboard

Open driskull opened this issue 4 months ago • 0 comments

Related Issue: #7537

BREAKING CHANGE: Modifies the component's keyboard sorting experience by using a dropdown menu to move list items.

Summary

  • depends on #10241
  • updates action to allow cursor to be overriden
  • lists should set the label property for the "Move to" sorting menu to have a name for the list.
  • adds calcite-sort-handle component to handle sorting and moving between lists for non mouse users
    • internal component
    • adds stories
    • adds tests
  • list-item
    • deprecates dragSelected property: no longer needed.
    • deprecates calciteListItemDragHandleChange event. no longer needed.
    • removed setting aria-posinset and aria-setsize. These are only needed when only part of the items are availalbe in the DOM. So we can safely remove these.
    • https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-setsize
    • https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-posinset
  • replaces calcite-handle with calcite-sort-handle in the list component.
  • updates tests
  • adds tests
  • adds demo pages

driskull avatar Oct 03 '24 00:10 driskull