Inconsistend depth after move

mesqueeb / quasar-app-extension-draggable

A Quasar extension that makes elements draggable and movable with keyboard.

MIT License

48 stars 5 forks source link

Closed qyloxe closed 5 years ago

qyloxe commented 5 years ago

When you move "Introject" before "Nova", "Nova" keeps depth==2. Or "Introject" keeps depth==0. Can't decide which one is incorrect. Probably, the "Introject" should have the same level as "Increasedly"==1. Maybe similar behaviour as in: https://vuejsexamples.com/a-drag-drop-hierarchical-list-made-as-a-vue-component/ or: https://vuejsexamples.com/a-vue-js-draggable-tree-component/

mesqueeb commented 5 years ago

Hi @qyloxe thanks for this issue.

I was thinking of solving this for a while now.

I never saw "vue-nestable" it seems like a really good component!! XD If I'd had found it before I might have never made my extension lol.

But anyway, since I'm already this far, I will persevere!!

This is the new behaviour I plan to implement:

mesqueeb commented 5 years ago

@qyloxe Look at it in action:

2019-05-11 08 10 22

just working out the details now!

qyloxe commented 5 years ago

Sweet, And would it be possible to put an Introject under Elaborating at depth==1 with mouse/touch only? Your code is very elegant.

mesqueeb commented 5 years ago

Hi! The update is now pushed and live! You can play around with it in the DEMO. 🔞

For indenting / unindenting a row without keyboard I'll open a new issue!

_{--
If this library helped you in any way you can support me by buying me a cup of coffee. ☕️}