GrapesJS / mjml

Newsletter Builder with MJML components in GrapesJS
http://grapesjs.com/demo-mjml.html
BSD 3-Clause "New" or "Revised" License
628 stars 226 forks source link

mj-group are not behaving as they should in preview mode on small device #241

Closed ThomasPof closed 1 year ago

ThomasPof commented 3 years ago

Related to https://github.com/mjmlio/mjml/issues/2220

To Reproduce

Expected behavior They should stay on the same row. It's work on the HTML output, but not on the preview

First clue the previewer is adding a .moz-text-html class around the responsive class. In the MJML plugin, this class is supposed to be for thunderbird email client.

<style>
    .moz-text-html .mj-column-per-50 {
        max-width:50%;
        width:50% !important;
    }
</style>

Didn't found yet where to remove this class. Maybe it comes from the grapesJS-mjml config, but I don't know where...

artf commented 1 year ago

Closing this as seems to be fixed already