interact.js VS sortablejs-vue3

For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/

I used interact js for dragging and dropping. Everything else is CSS HTML and simple JavaScript.

https://interactjs.io/ - I might use this for the resizeable windows (and drag and drop for file transfering, yes the "os" will have a file manager)

The library I’m using to get this effect is https://interactjs.io/ since they have pretty much what I need. To make the effect work I have to create a fullscreen div with another div inside that’s being connected to the library so I can move it. The problem that occurs now is, that I can’t interact with anything below the fullscreen div. I’ve tried putting custom css (pointer-events: none) on this div, but this affects the GIF-div inside too so I can’t interact with it anymore.

I used interactjs (https://interactjs.io/) for the drag and drop events, it's a great library.

I case you just want a working result: https://interactjs.io

It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129

This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...

https://github.com/MaxLeiter/sortablejs-vue3 seems promising but I had a lot of issues, particularly with nested draggables. I also was not alone, so I decided to build this. It's a light-weight type-safe wrapper for Sortable that works with Vue 3 (without any __OPTIONS_API__ business) and supports every Sortable prop/option. I hope this saves someone more time than I spent looking for it...