Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

This looks great. I currently use Sortable.js via Vuedraggable but I was never a big fan: https://sortablejs.github.io/Sortable/

I came across Shopify's recently which has an amazing website: https://shopify.github.io/draggable/

In Firefox I noticed some flickering when dragging a lower item to the top edge of the black box on this page: https://www.dflex.dev/demo/lists/asymmetric/ it might need some debouncing or something since it appears to be repeatedly redordering when it's in right on the edge/border (might not be a standard usecase but it was noticeable).



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


Ah makes sense. How big is the packaged file you import?


It's not the size of the package. DFlex is actually small compared to other libraries. But I need to reconsider the size of the demo container before updating the version because when you resize there's a possibility to add a scroll to the container. Adding/removing scroll while dragging is not shipped yet.


I was just curious how big the file was for using it in a project. Not the demo page.


The entire package bundled and minified is ~14.4kb. No extra dependency needed. Just one package `@dflex/dnd`.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: