Custom component type's children are not editable, selectable or highlightable
You can't use data-gjs- attributes if you attach them directly to the DOM, those attributes are parsed from the model level, so model.components('<div data-gjs-...')
Read full answer below ↓Question
@artf I'm creating a custom component of Default type and the code looks like Even I refereed #260 and implemented as you suggested. Here, the custom div tag holds the functionalities of selectable, removable and highlightable etc. I need the child elements as well to be selectable and highlightable. How to do that? And one more, If do the same thing via BlockManager, it works for all parent and its children
Answers (2)
You can't use data-gjs-* attributes if you attach them directly to the DOM, those attributes are parsed from the model level, so model.components('<div data-gjs-*...')
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 #990
How to listen an event for custom component's style update?
@artf @arthuralmeidap @nojacko I have a custom component like, this and i the code looks like https://jsfiddle.net/nganand/n97g7g43/ . How...
Issue #362
How to create custom link components that prompts users to type link/choose link similar to Images Component Modal
Image Components have logic to call Modal and prompt user's interaction for options/configuration of image url. Would like to do similar to...
Issue #979
Not able to align the custom component
@artf I created my custom component tyep and inserted vai BlockManager and if I'm applying the style propeties to that, is not working.
Issue #987
[BUG/Question] Dropdown indicator not displayed for a custom trait
Hello, the dropdown (select) element arrow indicator icon is not rendered when adding a custom trait to a component: I'm using following co...
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.