Drag and drop issue in dragMode of translate
@ramusesan might be related to this issue: #2423 hopefully the refactored canvas will solve these issues As @artf suggested on that issue you could try this branch: https://github.com/artf/grapesjs/tree/multi-frame
Read full answer below βQuestion
there is an issue am facing (seems offset issue) while trying and hold and drag the toolbar's move icon i have added bootstrap and columns (col-sm-2 & col-sm-10) then trying to hold the targeted component and dragging its working fine. but it doesn't work properly when I try to drag the component by holding move icon of toolbar i.e cursor position and component position getting more distance between but if I click on the full-screen button or use col-sm-12 (full width) and try two drag and drop works fine I have attached below the live demo
Answers (3)
@ramusesan might be related to this issue: #2423 hopefully the refactored canvas will solve these issues As @artf suggested on that issue you could try this branch: https://github.com/artf/grapesjs/tree/multi-frame
hi @ramusesan here is the PR. cheers!
thank you guys @MartinPutz @pouyamiralayi
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2374
Component style is not updated after the drag event in Dragmode('absolute')
In the new dragmode the component's style is not updated after dragging the component. Expected behaviour:Drag element by clicking on the c...
Issue #954
Drag&drop of button on demo has additional css attributes
Hi, On the newsletter demo, when drag&dropping a button, some additional css attributes are added to the <a>. It seems like they come from...
Issue #3078
How to make bootstrap 4 carousel work with grapesjs?
I've successfully built a little drag and drop builder with grapesjs. Works great. The problem I'm facing is when dragging a bootstrap caro...
Issue #3200
Help needed: Get the component that a block being dropped onto?
Hello, If I drag and drop a block on a dynamically added component, how can I get/access the component that the block is dropped onto? I se...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins β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.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps β a beginner-friendly 2026 comparison
Tutorial
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
How to integrate GrapesJS into an Astro app (complete guide 2026)
Embed GrapesJS in an Astro site: mount it in a client-side script, save content to an Astro API endpoint, and export clean HTML/CSS.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.