When I compare the behavior between https://mjml.io and their "Try it Live" editor and grapejs-mjml, they treat the tag diffferently.
mjml.io renders the <mj-social-element> tag with the icon next to text using two table cells, one for the image, and one for the text sort of like this (this is super simplified):
When I compare the behavior between https://mjml.io and their "Try it Live" editor and grapejs-mjml, they treat the tag diffferently.
mjml.io renders the
<mj-social-element>
tag with the icon next to text using two table cells, one for the image, and one for the text sort of like this (this is super simplified):When grapesjs-mjml renders the
<mj-social-element>
it renders it like this:I don't think this is intentional, since putting text inside of an image tag is pretty unusual.