Component style is not updated after the drag event in Dragmode('absolute')
Have a set x and y values(for example 0px and 0px) For x/y you mean left/top?
Read full answer below ↓Question
In the new dragmode the component's style is not updated after dragging the component. Expected behaviour:Drag element by clicking on the component(or the toolbar icon)After the components is 'dropped' the style should be updated with the new position Current behaviour:You drag the component somewhere elseThe x and y position (top,left) are the same as before the dragging There is an exception: if the stylemanager panel is not open yet and then you drag the component then it will be updated correctly(only for the first time since then the panel is open) The issue is reproducable in the demo a...
Answers (3)
Have a set x and y values(for example 0px and 0px)
For x/y you mean left/top?
Yes, left and top should change and should be updated but they remain the same.
I see them changing only after reselecting the component, can you confirm?
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2419
[BUG] Absolute dragmode does not work on touch devices
Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should b...
Issue #2196
[Bug] Link element selection shows no toolbar
Steps to reproduce: add Text, select a word, click on Link icon in RTE panel, select a Link. Expected behaviour: when I select Link I expec...
Issue #1951
[QUESTIONS] change or add event on add component from block
is it possible ?, change the drag and drop event to on click when adding a new component, I want to add components by clicking the block th...
Issue #3770
[Feature]: Improve and fix absolute dragMode
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v93 Reproducible demo link https://...
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
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.