I'm new to this forum and need some advice! I'm working on an app that requires a drag-and-drop interface to create floor shift designs using pre-built components like breaks, regular shifts, and overtime. These designs will be saved to the backend and used as templates for shift assignments. We're primarily using Edge and Chrome, and I need a solution that can last for about 7 years. I'm looking for reliable frameworks (not just random projects with no recent updates) that can fulfill these requirements. Any suggestions would be greatly appreciated!
3 Answers
What exactly are you looking for in a framework that the standard ondrag/ondrop events don't cover? I worked on a similar project, and honestly, it's pretty manageable. I suggest skipping the data transfer part of the API and just using global variables instead—they work just fine!
You might want to take a look at the HTML Drag & Drop API. It's a built-in feature that can handle drag-and-drop pretty well if you don't need anything too complex.
I haven't used many frameworks, but I've had good experiences with SortableJS. It's simple and effective for drag-and-drop implementations. Plus, it's been stable for me over the years!

I can vouch for SortableJS! I've been using it for years in both vanilla JS and Vue projects, and it has worked without any issues.