Add new block with elements and traits

@kuldeepcis You create a social-icons component as a <div>(by default) and then on init you add this:

<a data-js="social-icons" href="" target="_blank" style="border: none;text-decoration: none;" class="facebook">
                <img src="https://www.ctltrax.com/staging/frontend/assets/files/ext-mbuilder-email-editor/assets/social/facebook.png" border="0"><!---->
            </a>

Then you select the <a> and expect to see social-icons traits on it, well you're wrong, because that <a> is another component...

Change your logic, make the a as a component and inject only the image

domc.addType('social-icons', {
	model: ...
		defaults:  {
			tagName: 'a',
			attributes: {
				target: '_blank',
				...
			}
		},
		...
	view: ...
		init() {
			...
			// If you need you can make the image not 
			// selectable with `data-gjs-selectable="false"` 
			// or just ignore it at all with `style="pointer-events:none"`
			comps.add(`<img src="https://www.ctltrax.com/staging/frontend/assets/files/ext-mbuilder-email-editor/assets/social/facebook.png" border="0">`);
		}
});

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.