Issue #3128💬 AnsweredOpened November 10, 2020by sprklinginfo0 reactions

Drop a component at the position of the mouse is clicked

Quick answerby sprklinginfo

found out that is already implemented by using "dragMode: 'absolute'" . thanks.

Read full answer below ↓

Question

What are you trying to add to GrapesJS? When a component is dropped, stay at the position of the mouse is clicked.

Describe your feature request detailed I start playing with some basic blocks/components. If I drag and drop a component, e.g, a simple text input, it looks like they snap to the last active component by following an invisible grid layout. Is it possible that a component just stays in the position where the mouse is clicked? even if I tried to drag the component to somewhere else, it won't move to the position I want.

Answers (2)

sprklinginfoNovember 10, 2020

found out that is already implemented by using "dragMode: 'absolute'" . thanks.

GJSBlockMay 17, 2026

Thanks for reporting this, @sprklinginfo. Great suggestion about FEAT: Drop a component at the position of the mouse is clicked! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to selec...

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.