Show HN: 1k rows of drag and drop list- (no scrolling) | Hacker News Reader

Show HN: 1k rows of drag and drop list- (no scrolling)

dflex.dev

6 pointsjimmy20209 comments

Doesn't work correctly in firefox, the items overlap and cannot be re-ordered, sometimes they pop outside the container completely. It's a shame, I was looking for something like this recently.

https://i.postimg.cc/HnQZsjkD/drag.png

Worked fine for me on Firefox 89.0.2.

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)

I'm sorry, I didn't mean to sound as dismissive as I my comment came across, I didn't have a lot of time to reply at the time. I can put together a video and better description of the problem if you like. All I did was grab the purple divs and drag them around randomly, things were working for a few drops then everything looked to get out sync.

It seemed more robust today, not sure if you pushed an update. The problem seem to happen when dragging and dropping quickly, feels like the drop event isn't firing every time so the item gets stuck to the cursor then when it does fire next time you drag you 'pick up' more than one item.

The problem with the DFlex approach is it calculates coordinates and positions internally without calling browser API. While this approach considers very lightweight and allows to scale the number of interacted elements without causing any problem it has a trade-off. If one number is calculated wrong it affects all other node dependencies. One solution to this problem is considering a save mode to minimize error boundaries. Anyway, I'll investigate it and see where things go wrong. Thanks for your feedback, I appreciate it.

> I can put together a video and better description of the problem if you like.

Yes please, I can't fix the bug without being able to test it and reproduce it step by step so I can detect what went wrong.

It makes me sad that 1k rows is "Dealing with an extensive amount of interactive registered elements."

Dealing with interactive 1k of registered elements is hard when you have to monitor each element and redistribute their positions with each movement without changing the DOM. Just doing CSS translate. This is a completely new concept, as far as I know, not exist in any drag and drop library. That's why it's challenging and of course, need a ton of work and enhancements. But it's the first step and I hope the community loves and supports the idea. And I agree, it's sad that we still here and I am trying to make it somehow the standard.

Reply on news.ycombinator.com