dflex

Demos in the site are behind the current version and not being updated to the latest one [1]. And updating the demos will take a while since I have to take resizing containers into consideration. So the current version is 2.x.x while the last one was 3.7.0. Sorry about that. [1] - https://github.com/dflex-js/dflex/pull/573

Good question. Internally every registered element has a grid position inside its own container [1]. And it's not CSS grid styling, it actually calculates the geometry in each element and positioned them relative to their parent container. This is the implementation behind the enhanced transformation. Based on the grid position, DFlex can call the right method responsible for transformation instead of checking siblings linearly. For example, if you transform an element in the middle of the container it only invokes the switching position method instead of iteration in the entire tree. Still, grid implementation is not fully implemented and supported yet. But it's something that can be done in the next releases. However, the link you shared has an interesting case because you are resizing the element when appending it to the new container

As I mentioned in the readme it's a work in progress. But every feature that's shipped is tested with Chrome, Firefox, and Webkit [1]. I'd like to get your feedback though so if you want to open an issue I'll be happy to deal with it. [1] https://github.com/dflex-js/dflex/actions/runs/3025464183

Thinking of accessible no-code application needs a robust drag and drop library not just capable of dragging and repositioning the DOM element but also comes with high performance. So I made DFlex (https://github.com/dflex-js/dflex) where the DOM tree stays untouched, with the same order but the elements change their positions with CSS transform only. That's done without changing the element position to Fixed or absolute. I've added some features recently to handle huge numbers of rows up to 1k elements but still, there's so much to do.

Keep in your mind that I need feedback, that’s why I am taking the risk of publishing the demo without adding scrolling yet. There’s a reason, I am desperate for a feedback. I know it can be buggy but this is every software with a new concept. With that being said, I don’t push to production without testing at all. I am sorry to have such a bad experience, still, I am asking you to give it a second chance and look deeper into the API. Bugs can be fixed but concepts can’t. I welcome any issues and I’ll be happy if you open one. (https://github.com/dflex-js/dflex)