Coder Social home page Coder Social logo

Support Angular 13 about ngx-sortablejs HOT 18 OPEN

xibriz avatar xibriz commented on July 23, 2024 24
Support Angular 13

from ngx-sortablejs.

Comments (18)

ducthang310 avatar ducthang310 commented on July 23, 2024 13

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

from ngx-sortablejs.

Reixko avatar Reixko commented on July 23, 2024 6

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

from ngx-sortablejs.

areksliwa-modento avatar areksliwa-modento commented on July 23, 2024 5

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

from ngx-sortablejs.

Yura13 avatar Yura13 commented on July 23, 2024 5

Any updates to support Angular 13?

from ngx-sortablejs.

andreyv99 avatar andreyv99 commented on July 23, 2024 2

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

from ngx-sortablejs.

avpeshkov avatar avpeshkov commented on July 23, 2024 2

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

from ngx-sortablejs.

inexuscore avatar inexuscore commented on July 23, 2024 1

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

from ngx-sortablejs.

Klapik avatar Klapik commented on July 23, 2024 1

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

from ngx-sortablejs.

p3x-robot avatar p3x-robot commented on July 23, 2024

same here.

from ngx-sortablejs.

sysmat avatar sysmat commented on July 23, 2024
  • 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"

from ngx-sortablejs.

jalalh14 avatar jalalh14 commented on July 23, 2024

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]

from ngx-sortablejs.

inexuscore avatar inexuscore commented on July 23, 2024

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?

from ngx-sortablejs.

Reixko avatar Reixko commented on July 23, 2024

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

from ngx-sortablejs.

alexanderpivanov avatar alexanderpivanov commented on July 23, 2024

Any news?

from ngx-sortablejs.

saurabh47 avatar saurabh47 commented on July 23, 2024

Any updates on this issue?

from ngx-sortablejs.

jfahrenkrug avatar jfahrenkrug commented on July 23, 2024

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

from ngx-sortablejs.

h3902340 avatar h3902340 commented on July 23, 2024

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

from ngx-sortablejs.

imtiazShakil avatar imtiazShakil commented on July 23, 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.

from ngx-sortablejs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.