Dragula VS sortablejs

Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.

dragula

You can take a look at how others like dragular implemented the drag & drop function .. https://github.com/bevacqua/dragula

I used Dragula[^1] for a form builder in the past and had quit a pleasent experience. Though I don't know how it would hold with a drag centric (card game) UI

[1]: https://bevacqua.github.io/dragula/

https://github.com/vitejs/vite/issues/2778 https://github.com/vitejs/vite/issues/728 https://github.com/bevacqua/dragula/issues/602 https://kit.svelte.dev/faq#aliases

https://bevacqua.github.io/dragula/ is dependency-free. It is what I'd consider.

Dragula is always my go-to drag and drop library. It has mobile support as well.

We've been using SortableJS for years for similar functionality.

https://sortablejs.github.io/Sortable/

Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.

Maybe: https://github.com/SortableJS/Sortable Can do this not sure.

Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).

I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).

Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.

after(() => { cy.task('sendMail', 'This will be output to email address')       .then(result => console.log(result));   }) //zadanie A it("navstiv stranku a vyhladaj a elementy v casti Framework Support", ()=>{ cy.visit('https://sortablejs.github.io/Sortable/#cloning')

Check out https://sortablejs.github.io/Sortable/