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
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish β plugins, articles, community questions, guides, authors and services. Press βK from any page.
Tutorial
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs β from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.