Drag handle for nodes

[juliusknorr]

We should add a drag handle next to nodes so they can easily be moved around. This contributes to #1914 but should be discussed in more depth before implementing especially in regards with other buttons that we already have next to the nodes (link menu, plus smart picker button, AI button).

@marcoambrosini Is this something you can come up with some design thoughts? Important for me would be that we carefully think about not overloading the UI with just another button

cc @max-nextcloud as we talked about it as well

Example From notion

[marcoambrosini]

Hi @juliusknorr, I think:

• The drag handle should be clickable and opening a menu that makes sense for the current block
• The link preview action can be integrated in this menu
• The Assistant can also be integrated in this menu

[JuliaKirschenheuter]

seems to be that we would need to have a tiptap-pro license for https://tiptap.dev/docs/editor/extensions/functionality/drag-handle and https://tiptap.dev/docs/editor/extensions/functionality/drag-handle-vue

https://tiptap.dev/pro-license

[JuliaKirschenheuter]

Hi @marcoambrosini, so far i've seen from documentation i'm not sure it will be possible to:

• opening a menu that makes sense for the current block

• The link preview action can be integrated in this menu

• The Assistant can also be integrated in this menu

Drag handle is visible only for dragging a node around. I will make further research.

[juliusknorr]

The pro license is not suitable for us as we need to make sure our shipped libraries are compatible with our own license, which that one is not. However we can of course implement our own drag handle extension or maybe there are other 3rdparty libraries that have a compatible license.

[JuliaKirschenheuter]

https://github.com/nextcloud/text/pull/7029#pullrequestreview-2717806771

[JuliaKirschenheuter]

Hi @marcoambrosini,

I would like to split this issue into smaller ones and integrate those implementations into text app. This feature is large and komplex and because of it i want to discuss with you further steps.

My idea would be to have first implementation of simple nodes: paragraphs, headings, lists. Then continue with images. Not sure about tables, because data structure there is really complex and would move it to the end.

Please look into current draft: https://github.com/nextcloud/text/pull/7274. What do you think which are few next most important steps? Thank you!

[marcoambrosini]

Hi @JuliaKirschenheuter, wouldn't the tiptap functionality that's being open sourced already cover this? I don't mind if you break this up into smaller prs, but I think that from a user's perspective, we have to release this all at once. If this cannot make it for the autumn release I would hide it behind a feature flag.