Is there any "Resize event" for components?
Since the resize is just changing the value for width and/or height I haven't tried but I think you could try with the event styleManager:change:{propertyName} Take a look here for available events: https://grapesjs.com/docs/api/editor.html#available-events
Read full answer below ↓Question
I want to read the resize event when an element is triggered for resizing.
My current Code looks like this, ` editor.on("component:resize", function(model) {
console.log('model',model);
});`
But, It is not working .
Is there any option to do this?
Answers (2)
Since the resize is just changing the value for width and/or height I haven't tried but I think you could try with the event styleManager:change:{propertyName}
Take a look here for available events: https://grapesjs.com/docs/api/editor.html#available-events
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #701
Modifying a component in the editor clears the model content
What I'm trying to achieve: I have special "data-" attributes on some of the components I pull into the editor. When one of these is modifi...
Issue #958
Unable to create a popup by using bootbox or any other way.
Unable to create bootbox popup. Below is my code:- var blockManager = editor.BlockManager; blockManager.add('design', { label: 'Design', co...
Issue #714
Open Style Manager when selecting an element
trying to do this gives the error this.sender.get is not a function grapesjs.min.js toggleSm Basically I want to open the style manager whe...
Issue #1998
Extending Link component not working properly.
hello @hello @artf I am trying to extend the link component and add new traits like href and target the code is given below. `function load...
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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.