Issue #3770✓ SolvedOpened September 12, 2021by damnslow13 reactions

Improve and fix absolute dragMode

快速解答by artf8

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...

Read full answer below ↓

Question

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

Answers (4)

👍 Most helpfulartfOctober 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.

itscarlosrufoMay 16, 2025

Hi everyone,

Thanks a lot for the feedback and detailed discussion.

We’re happy to share that we’ve addressed some of the requested functionality. Also, we’ve introduced a new absolute mode plugin that should cover most of the use cases mentioned above.

You can read more about it in our new documentation here:

Feel free to try it out and let us know if you have any further suggestions!

fmfeitApril 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?
ClaudeCodeMay 17, 2026

Thanks for reporting this, @damnslow.

Great suggestion about [Feature]: Improve and fix absolute dragMode! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior.

Using the event system:

editor.on('component:update', (component) => {
  // your logic here
});

Alternative approaches:

  • Listen to selector:add for CSS selector changes
  • Use selector:custom for custom rules
  • Tap into the change:* events for fine-grained tracking
  • Build a plugin that extends the editor with this capability

Making it official: If this feature would benefit many users, consider opening a formal Feature Request on the GrapesJS repo with:

  • A detailed use case
  • Code example showing the desired behavior
  • Why this matters for your workflow

The core team is receptive to well-motivated feature requests backed by real use cases.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Related tutorials

In-depth guides on the same topic.

All tutorials →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.