Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature]: Improve and fix absolute dragMode #3770

Open
2 tasks done
damnslow opened this issue Sep 12, 2021 · 10 comments
Open
2 tasks done

[Feature]: Improve and fix absolute dragMode #3770

damnslow opened this issue Sep 12, 2021 · 10 comments
Labels

Comments

@damnslow
Copy link

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
Copy link
Author

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

@artf
Copy link
Member

artf commented Oct 16, 2021

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.

@artf artf changed the title BUG: Multi-Selection Drag issue with dragMode: absolute BUG: Drag issue with dragMode: absolute Oct 16, 2021
@ahmet1340
Copy link

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
Copy link

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
Copy link
Member

artf commented Mar 5, 2022

@Adham380 PRs are welcome

@dalmatele
Copy link

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.

@artf artf mentioned this issue Dec 20, 2022
2 tasks
@vizardkill
Copy link

up

@voleep
Copy link

voleep commented Mar 23, 2023

Up

@artf artf changed the title BUG: Drag issue with dragMode: absolute [Feature]: Improve and fix absolute dragMode Aug 10, 2023
@artf artf added the feature label Aug 10, 2023
@fmfeit
Copy link

fmfeit commented Apr 20, 2024

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?

@artf
Copy link
Member

artf commented May 28, 2024

@fmfeit here you can find the related source of the command.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: 📋 Accepted
Development

No branches or pull requests

7 participants