Extending default image component, resizable properties ignored
Try to use config.avoidDefaults option as true (re-store and reload) Probably I'll set it to true by default in the next release
Read full answer below ↓Question
I'm trying to extend the default image component. I can see my "Test" trait, so I assume that the component is correctly overridden, but the resizableproperties are completely ignored. Could anyone help me to figure out why?
Answers (3)
Try to use config.avoidDefaults option as true (re-store and reload)
Probably I'll set it to true by default in the next release
I'm able to set resizable property manually inside the component init function, but this is not the best way to do that.
Since the resizable property is part of the component model, the existing components (previously saved on DB) in the canvas have the old resizable settings. This will replace your resizable configuration with the default one to all image components.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1155
Custom component used as HTML in block
I've extended the default image component Then I've got a block where I'm going to use the extended image. The following works fine. Howeve...
Issue #2839
[Question] I added one component named template in the blocks but when i try to drag another components inside this template component ,it will be dragged but after saving it removes all the components inside it. How to avoid this?
This is code of template component: I debugged it, so i got that : setComponents method in the dom_components clearing it ...but not gettin...
Issue #2697
[QUESTION] Problem with custom component type and table cell
Hello! I'm trying to add custom component type: And also I'm adding new block: But when I drop this block on the canvas the <td> tag doesn'...
Issue #3225
How to Update Style from checkbox Trait?
Hi @artf I am trying to update the style using the checkbox trait but it's not calling the function. Here is the code I really appreciate a...
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 GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS
Building professional, responsive, email-safe templates has always been one of the biggest challenges for developers and marketers.
Tutorial
Best GrapesJS Plugins in 2025 (Updated List)
Discover the top free and premium GrapesJS plugins in 2025 — boost your editor with UI kits, Tailwind blocks, AI tools, and advanced page managers.
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.