[Feature]: Improve and fix absolute dragMode

[damnslow]

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v93

Reproducible demo link

https://codepen.io/damnslow/pen/yLXXOxQ

Describe the bug

How to reproduce the bug?

1. Select both the elements
2. Drag using drag icon

What is the expected behavior?
Both elements should move together

What is the current behavior?
Only one element moves.

If is necessary to execute some code in order to reproduce the bug, paste it here below:
No.

Code of Conduct

• I agree to follow this project's Code of Conduct

[damnslow]

Hi @artf, is there any workaround to solve this?

[artf]

Absolute positioning, right now, has more than one issue and I'd like to address them all here:

• Wrong position on a different Devices
• Wrong position on a zoomed/panned canvas
• Wrong position for children of the absolute component
• Support multiple selection
• Support touch devices
• Support % unit

I don't know exactly when I'll start working on it but I hope soon, and as always, any help is appreciated.

[ahmet1340]

Did you find time to deal with it? I'm currently working on a drag and drop project and I'm having an issue with mispositioning on different devices also I can't use the setzoom function for mobile. I would be very grateful if you would take care of this issue. (Google translate used.)

[Adham380]

These issues have still not been resolved and are frankly annoying. Changing the absolute dragging to a % instead of a px offset makes so much more sense and solves most issues, but for some reason wasn't chosen. Is there any plans to change this?

[artf]

@Adham380 PRs are welcome

[dalmatele]

Agree. It also affects the menu of NavBar in Mobile mode. If you set dragMode to "absolute" and move items in NavBar then switch to Mobile Preview mode, you'll see NavBar does not work.

[vizardkill]

up

[voleep]

Up

[fmfeit]

Hi @artf,
this feature is crucial for my current project, so I have two questions:

1. Is it possible to pay you (or someone else) to prioritize this feature?
2. If not, can you outline the steps necessary to resolve the issue and give me a starting point?