vue-fluid-dnd
vue-fluid-dnd copied to clipboard
carlosjorger
A drag and drop🤜🫳library for Vue 3🌿
https://github.com/carlosjorger/vue-fluid-dnd/assets/3102798/ba988904-b128-4aa5-aeb5-b69c41027dc4
Add a delay before drag an element on touchscreens because it facilitates scrolling by touching the elements within a short period of time.
 browser download: https://browser.qq.com/
It would be very nice if it had the capability to animate when items get removed from the list.
"vue": "^3.5.10", "vue-fluid-dnd": "^0.7.0" Copied and pasted example, the list should be ref and the config should just be in the declaration: const list = ref([1, 2, 3, 4]); const...
Use the Intersection Observer API to implement auto-scroll in lists, and also add scroll configuration.
smooth-dnd library supports property `lockAxis`. It locks the movement axis (x for horizontal, y for vertical) of the dragging. other libraries such as VueDraggable (based on SortableJS) don't support lockAxis....
when css zoom is set to any value that is not 1, position and size of dragged item will be incorrect. This can be reproduced on the sample page: https://fluid-dnd.netlify.app/vue/example/horizontal-list/single-horizontal-list/...
Can be easily reproduced on the examples. https://fluid-dnd.netlify.app/vue/example/vertical-list/single-vertical-list/ When you right-click on a draggable item and then click out of the context menu, you end up dragging the item even...
