DEV Community

Cover image for Vue Fluid DnD v0.7 Drag and drop across lists and more
Carlos Jorge Rodriguez
Carlos Jorge Rodriguez

Posted on

Vue Fluid DnD v0.7 Drag and drop across lists and more

We are excited to announce the release of Vue Fluid DnD Version 0.7. We add new features that significantly expand the range of use cases for our humble library and solving bugs of the previous version.

Drag and drop between two or more lists

To provide a more versatile solution, in this version you can drag and drop elements between groups of lists (can be vertical or horizontal list). Also, the rearranging of the elements after dragging one from a list to another have fluid animations too.

group of list

Add draggingClass config

With draggingClass you can pass a CSS class selector that will be added to the element while
it´s being dragged.

draggingClass

Add delay to draggable elements on touch screen

To make it more accessible on the mobile view. We add a delay before drag the element to facilitate navigation through the list with a touch device.

Fixing Bugs

Thanks for the feedback of the community specially from github and reddit. We're manage to solve compatibility issues with other browsers and the touch view.

We invite you to try this new, much more mature version of Vue Fluid DnD and give us feedback through github or this rodriguezcuelloc@gmail.com.

Top comments (0)