Why is my component selected full width?
the default tagName property is a div, change this in your model
Read full answer below ↓Question
Answers (3)
the default tagName property is a div, change this in your model
...
defaults: Object.assign({}, defaultModel.prototype.defaults, {
tagName: 'span', //<---
droppable: false,
...
Makes sense now, thanks
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 #639
Re-render Component on Canvas when tagName has changed
I'm trying to build a basic Header component that lets you select H1 to H6 with a trait. But when an option is selected, the canvas doesn't...
Issue #835
Update the Canvas with a custom function
I'm trying to create a function that replaces all the attributes of link, these make the change in the canvas, but don't save it when I try...
Issue #1048
[Question] checked value is not as per expected
I have visited grapes live demo and found out that there can be two ways to create checkbox. As you can see if I checked required checkbox...
Issue #1208
Create minimalist Panel left sidebar III
hello @artf , thanks to you for the comment on #1188, i see in the code https://codepen.io/artf/full/MQpZPj/ uses the appendTo property to...
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.