Skip to content

BUG: wrong rendering for the builder #388

@Idaryss

Description

@Idaryss

GrapesJS version

  • I confirm to use the latest version of GrapesJS

GrapesJS MJML version

  • I confirm to use the latest version of GrapesJS MJML

What browser are you using?

Chrome

Reproducible demo link

https://grapesjs.com/demo-mjml.html

Describe the bug

How to reproduce the bug?

  1. ... Import MJML:
<mjml>
  <mj-head>
    <mj-attributes>
      <mj-text css-class="global-text" padding="0px" color="blue"></mj-text>
      <mj-all font-family="Arial"></mj-all>
    </mj-attributes>
  </mj-head>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text css-class="global-text">Hello World!</mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>
  1. ...

Same thing using <mj-class>

What is the expected behavior?
Hello world should be blue as per the mjml.io demo website
...

What is the current behavior?
currently the text is not blue but black
...

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// your code here

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions