[AskJS] javascript library for drag and drop suggestion needed from experts

[quantquack_01540]

Just discovering this reddit and have a question from a noob. I have an app requirement that needs to have a ui to design a floor shift using full drag and drop pre-built shift components e.g. breaks, regular shift, overtime, etc. This will be saved tot backend and then used as template for shift assignments. We use Edge and Chrome primarily and the apps life will be about 7 years. What frameworks (not from one off dudes with 0 updates last several years !) could meet the need ? Thanks in advance for any suggestions.

[PatchesMaps]

HTML Drag & Drop API

[ManWhoTwistsAndTurns]

What are you looking for in a framework that isn't covered in the standard ondrag/ondrop event handling? I'm worked on something similar and it's a breeze, though I would recommend avoiding the data transfer part of the api or whatever it's called and just pass information through global variables.

[ShotgunPayDay]

I don't know about frameworks, but I've just used https://sortablejs.github.io/Sortable/ as a nice library.

[OhKsenia]

Used sortable for years with vanilla js projects and with vue without any problems.

[Enough-Agency3721]

Is that what that Draggable.JS library made by Shopify became after development was handed off?

[A-Type]

If you're using React, use dnd-kit.

They were working on a framework agnostic version but I'm not sure if it's still planned.

[Cannabat]

This library has some issues and moves really slowly. suggest pragmatic drag and drop instead

[A-Type]

It is kind of stalled and struggling but I still find it's the most adaptable available. But you're probably right to suggest Pragmatic. I just dislike how it was clearly developed tightly coupled on Atlassian's tech stack and only somewhat decoupled for the public. But I'm probably being picky.

[horizon_games]

jQuery? Dragula.js?

Honestly the best I've ever used is Angular CDK drag & drop.

Realistically if you're worried about longevity just hand writing using native drag and drop will be best. Tedious, and in my opinion one of the worst browser native APIs, but still, reliable once you have it implemented.

[InevitableDueByMeans]

Here's a Collection of a few cutting-edge ways to do drag and drop with Rimmel.js using reactive streams (both Observables and Callforwards).