search

mjmlio / mjml

MJML: the only framework that makes responsive-email easy
https://mjml.io
MIT License
17.08k stars 960 forks source link

Text not rendering / invisible but copy&pasteable (using mailjet's API?) #2045

Closed Syncriix closed 4 years ago

Syncriix commented 4 years ago

Describe the bug Text is not rendered (Either Invisible or maybe rendered behind the background?)

To Reproduce Steps to reproduce the behavior:

  1. Create a file with this MJML code:
  2. Copy HTML to Clipboad / Export to HTML
  3. Use Mailjet's API to send the email trough python (CRTL+F(ind all the 4 "##" and enter your keys + emails)) The MJML code above is already copied in to the python file - no need to do that again
  4. See the error

Expected behavior Text to be visible?

MJML environment (please complete the following information):

Email sending environment(for rendering issues):

Affected email clients (for rendering issues): All tested: Mozilla, SOGo, Roundcube

Screenshots How it looks on the two Editors: Imgur How it looks once it's in the client's inbox Imgur

Additional context I might be totally wrong to post this here - I don't know if the issues comes from mailjet, MJML or the loop. Probably it's just me in the end. Oh yeah, you can copy paste the invisible text so it is there - just not rendered. I can not reproduce the invisible text by sending the copy+pasted html directly, it only happens after using the for lop from mailgun (at least I guess that is what could be the cultpit)

iRyusa commented 4 years ago

Zip are corrupted on my machine can't you just paste the mjml on try it live please https://mjml.io/try-it-live

It might be a font-size / line-height missing somewhere ? Can you check the email on gmail to see if it's related to the client you're using (roundcube and SOGO aren't tested, and for mozilla i guess you're talking about thunderbird) ?

Syncriix commented 4 years ago

@iRyusa The Zip's work fine for me, just download WinRar to unpack them.

Here's the try-it-live: https://mjml.io/try-it-live/HJyw7FfLv Again, I don't think the bug is in the mjml - but in the way MailJet processes it.

I have defined font size and line height in a mj-class and there is text that displays well with that class inherrited - so I'd take a wild guess and say that that isn't the problem.

I have sent the mail to the latest outlook with the same result, I don't have a google account to test this on.

iRyusa commented 4 years ago

Can you just upload them to the try it live please : )

Syncriix commented 4 years ago

You might have missed the edit, already done

Syncriix commented 4 years ago

I have uploaded the pythonscript to 0bin for you: https://0bin.net/paste/mwS0AvET#N6I6YST3L5ogsGWVfyxyiesescNEhpHIgdzb3yE-1O/ Expires in 1 day

iRyusa commented 4 years ago

You have a lot of font-size without unit, that's why it doesn't works. Just add px to most of them and the text will appears