ngx-sortablejs
ngx-sortablejs copied to clipboard
SortableJS
Support Angular 12
Looks to be working ok with Angular 12 but there's a warning on npm install about peer dependencies:
npm WARN [email protected] requires a peer of @angular/common@^11.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^11.0.0 but none is installed. You must install peer dependencies yourself.
Node.js LTS version is now v16.x which includes npm v8.x. These versions will error out on npm install if there is an incorrect (and potentially broken) dependency resolution which looks to be the case with ngx-sortablejs:
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@"~12.2.11" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^11.0.0" from [email protected]
npm ERR! node_modules/ngx-sortablejs
npm ERR! ngx-sortablejs@"^11.1.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/nunoarruda/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/nunoarruda/.npm/_logs/2021-11-02T15_53_02_208Z-debug.log
Workaround: use npm install --force or npm install --legacy-peer-deps.
@smnbbrv can you please fix this when you have a chance?
It might be appropriate to not depend on a specific version of Angular and do a greater than the min requirements as a peer dependency instead? Would prevent having to create new builds for every Angular release.
At this stage, it looks like this project is pretty much dead and/or abandoned. I suggest you folks give these alternatives a try:
https://material.angular.io/cdk/drag-drop/overview (for mixed direction, follow MikaStark workaround) https://valor-software.com/ng2-dragula/ https://kreuzerk.github.io/ng-sortgrid/
cdk doesn't work with grids dragula also dead sortgrid doesn't cut it
SortableJs is the best available, but it needs to be maintained :(
Yes, it's dead. I'd suggest https://github.com/ThibaultJanBeyer/DragSelect as alternative
Hi, folks, I suggest you can try the ng-dnd library and it's very easy to solve the mixed direction issue (https://github.com/angular/components/issues/13372), please check the following example: https://stackblitz.com/edit/867pxw?file=src%2Fexample%2Fchips-drag-drop-example.html
