Support Angular 13 about ngx-sortablejs

[ducthang310]

Hi team,
any update on this to support Angular 13 :) ?

[Reixko]

@areksliwa-modento CDK D&D is only good as long as you can live with single direction sorting -> either vertical or horizontal. I would say most people that are looking for alternatives(like me) need a sorting in a matrix(so combined vertical with horizontal sorting), which is almost impossible with angular's cdk :D I have tried it....... there is a "hack" out there, that will allow you to do mentioned matrix sorting, but that only works with version up to 10.something.something, which is not compatible with Angular12+. Oh forgot to mention - there is NO official support for matrix sorting in angular's cdk ;)

[areksliwa-modento]

I suggest you move to cdk drag drop. You will avoid such situation like that. I dropped ngx-sortablejs and implemented cdk drag drop. working minimal example :

and add CSS:

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.list-options.cdk-drop-list-dragging .list-options__item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

and ts:

drop(event: CdkDragDrop<string[]>, controlOptions): void {
    moveItemInArray(controlOptions, event.previousIndex, event.currentIndex);
  }

of course here you have more examples:
https://material.angular.io/cdk/drag-drop/examples

[Yura13]

Any updates to support Angular 13?

[andreyv99]

Does anyone know good alternatives for the angular 15 with the mixed orientation support?

[avpeshkov]

For anyone who might care, found an alternative solution to support sortablejs for all angulars after 13.
https://www.npmjs.com/package/nxt-sortablejs?activeTab=readme

[inexuscore]

@Reixko not entirely dead, I've been using this repo in several projects lately. I managed to install the latest release using the --legacy-peer-deps flag, working fine with Angular 13 and RxJs 6+. It'd be nice to bring this repo up-to-date though.

[Klapik]

Is this project dead? :D Should we do fork for new updates?

[p3x-robot]

same here.

[sysmat]

• angular update it works

ng update 

• ngx-bootstrap upgrade broke: Module '"ngx-bootstrap"' has no exported member 'BsDropdownModule', just need to be changed: import { BsDropdownModule } from 'ngx-bootstrap/dropdown';

• "sortablejs": ">=1.14.0" also work

• good practice is to add also peerDependencies: "@types/sortablejs": "^1.10.7"

[jalalh14]

Same for me:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"~13.1.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^11.0.0" from [email protected]

[inexuscore]

Is this repository actively maintained? We're using this in several projects and we need to upgrade to Angular 13 as soon as possible. I don't think the current version would work with Angular 13, correct?

[Reixko]

@inexuscore if you would browse a little you would find that NO, this is very dead :D support for angular 12 and angular 13 is waiting, each in their separate PRs, so most you can do is to use a fork that you can find on npmjs.com :/

[alexanderpivanov]

Any news?

[saurabh47]

Any updates on this issue?

[jfahrenkrug]

I can't say anything about the quality of this fork, but someone updated this to be compatible with Angular 15. YMMV: https://github.com/DustFoundation/ngx-sortablejs, NPM: https://www.npmjs.com/package/@dustfoundation/ngx-sortablejs

[h3902340]

Any news on this? The latest version of Angular is 16 now.

[imtiazShakil]

hello developers of sortablejs.

@owen-m1 @RubaXa

Thanks for the awesome library. Can you give us an idea where we are with this library at the moment.
Is this library officially maintained or not, let us know.