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

1

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.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay