Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support Angular 13 #250

Open
xibriz opened this issue Nov 16, 2021 · 18 comments
Open

Support Angular 13 #250

xibriz opened this issue Nov 16, 2021 · 18 comments

Comments

@xibriz
Copy link

xibriz commented Nov 16, 2021

Are there any plans to keep up with the development of Angular?

Package "ngx-sortablejs" has an incompatible peer dependency to "@angular/common" (requires "^11.0.0" (extended), would install "13.0.1").

Package "ngx-sortablejs" has an incompatible peer dependency to "@angular/core" (requires "^11.0.0" (extended), would install "13.0.1").

@p3x-robot
Copy link

same here.

@sysmat
Copy link

sysmat commented Nov 29, 2021

  • 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
Copy link

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]

@ducthang310
Copy link

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

@inexuscore
Copy link

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
Copy link

Reixko commented Feb 22, 2022

@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 :/

@inexuscore
Copy link

@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.

@areksliwa-modento
Copy link

areksliwa-modento commented Feb 28, 2022

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 :

Screenshot 2022-02-28 at 14 24 09

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

@Reixko
Copy link

Reixko commented Feb 28, 2022

@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 ;)

@Yura13
Copy link

Yura13 commented Mar 23, 2022

Any updates to support Angular 13?

@alexanderpivanov
Copy link

Any news?

@Klapik
Copy link

Klapik commented Jun 28, 2022

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

@saurabh47
Copy link

Any updates on this issue?

@andreyv99
Copy link

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

@jfahrenkrug
Copy link

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
Copy link

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

@avpeshkov
Copy link

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

@imtiazShakil
Copy link

imtiazShakil commented May 20, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests