Update styleManager properties on drag and resize
Question
I need to see in real time the update of the properties of the component in the styleManager when I drag or resize a component (or in some other way that changes its style properties). I've managed to see width and height running this: editor.on("styleManager:change:width styleManager:change:height", (response) => { editor.trigger("component:styleUpdate"); }); Now, i need something like this to see the component position (top, bottom, left, right) and the font-size (then maybe something else), i'm tried other things like editor.trigger("component:toggled"); and StyleManager.render(), but it's...
Answers (1)
Duplicate of #2374
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2587
Custom component, Need 4 Columns at a time when I drag
Hello @artf, I have created custom component, where I need to display 4 columns with specific style when I drag a component to the canvas a...
Issue #2207
Can't drag component if there is some space on top/left with Mode Absolute
Given the following code example... Results in no ability to drag and drop elements to correct position using drag icon on the panel. See F...
Issue #599
Set Device Height along with Device Width
Hi I want to add new devices with both width and height, Is there any way I can do this? An other issue is that when I give width of device...
Issue #3404
Style Manager Issue.
Hi @artf I want to hide and show style properties for specific component. After referencing this issue https://github.com/artf/grapesjs/iss...
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
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Tutorial
Introducing GJS.Market Services: ship your GrapesJS editor without the integration risk
It's everything that usually eats weeks of engineering time, scoped and priced up front. No open-ended hourly surprises.
Tutorial
GrapesJS custom components guide (2026)
Define custom GrapesJS components with DomComponents.addType: detection with isComponent, a model with traits and defaults, and a view for canvas behavior.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.