Integrate @bpmn-io/draggle

[pinussilvestrus]

This uses an updated dragula version to make the direction dynamic. It detects whether the drop would happen inside a row or not and change the direction accordingly.

This makes drag & drop quite a bit smoother as it uses the correct axis depending where the cursor is located. Beforehand it would always have used the y-axis.

Depends on bpmn-io/draggle#1

Demo: https://demo-improve-dragging--camunda-form-playground.netlify.app/

[pinussilvestrus]

Note that we likely need a fork for customizations, as the dragula project is pretty much not maintained at the moment. That might change once dragula@2 comes to live, but there is no timeline for this.

[toofff]

Hi 👋

For the moment I don't have a release date for Dragula2 but I will have a little more time this month to finalize part of my roadmap. If an alpha is possible, I'll let you know if you like?

For information, I started this redesign project because I also wanted to have an official integration of the "drag cursor position offset" functionality.

[pinussilvestrus]

Hi @toofff, thanks for reaching out! We'd love to try out your alpha version once available 🚀 The position offset is actually something we would like to use, as we identified it already while integrating dragula.

Let's stay in contact 👍

[pinussilvestrus]

An evidence why we should have a look at this PR, soo : #591 (comment)

/cc @RomanKostka @christian-konrad

[pinussilvestrus]

Using our own fork started via bpmn-io/draggle#1

[pinussilvestrus]

This is ready for review now 🎉

[RomanKostka]

looks good from my side - very smoothly!