ember-sortable

Ember-sortable

Migration Guide (v1 -> v2)

Higher Order Components

Ember-sortable can now be built using higher order components

1. The array of models are now yielded out by sortable-group

V1

V2

1. Each item can be represented by the yielded sortable-item instead of directly using sortable-item and passing the group manually.

V1

  
    
      
      <span class="handle">&varr;</span>
    
  

V2

  
    
    ...
    
  

1. It is recommended to use the yielded sortable-handle instead of referencing handle by class, as it guarantees accessibility support.

V1

  
    
      
      <span class="handle">&varr;</span>
    
  

V2

  
    
      
      
        <span class="handle">&varr;</span>
      
    
  

1. groupModel is still supported via groupModel instead of model

V1

  
  ...

V2

  
  ...

Accessibility support

1. Keyboard navigation is built into ember-sortable.
2. a11yItemName, a11yAnnouncementConfig, itemVisualClass, handleVisualClass can be supplied to enhance the accessibility experience.
3. Refer to Accessibility Section for more details.

Testing

1. The drag and reorder test helpers are no longer global async helpers. They are now importable.

Refer to Testing Section for more details.

This site is open source. Improve this page.