Child component not selectable when using custom view

If you add elements via View you can't select them, only Models can be selectable Read this page https://grapesjs.com/docs/modules/Components.html you also create new types without isComponent

@artf I understand how to use isComponent. I will be using fromElement: false so it's not required for how I intend to use grapes. I do not want the elements added to the view to be selected, I do however want nested components to be selectable. Currently they are not.

For example, if I render this as the Component view:

<div>
  <h1>{{PAGE_TITLE}}</h1>
  <div><!-- CHILD COMPONENTS GO HERE --><div>
</div>

Then, then I drag & drop a child component on the Component above. I do not want the nested <h1> or <div> to be rendered as components in the editor. I presume this is what getChildrenContainer is for, is that correct? I could not find any documentation on this method. The drag, drop & rendering of the child component works. The problem is the child Components are not selectable or hoverable even though I have those settings turned on. I can only select the nested components through the Layer Panel but not the editor itself. Do you have a working example of how to use the getChildrenSelector method? This is what I need to be able to create modular components rather than 1 component per HTML element. I apologize if I'm misunderstanding what getChildrenSelector is for.

Ok, now I got it. The getChildrenContainer should work as you expect, I'll just try to remove those pointer-events stuff and make the hover work more like the select. BTW you don't need jquery, grapesjs under the hood uses cash (which has jquery-like API) so you can do: this.$el.html('...'); There is also a method to get the children container this.getChildrenContainer().style....