Images overflow on email forward

[aksanoble]

Version:

• listmonk: 2.0

Description of the bug and steps to reproduce:
Images overflow when the email get's forwarded. I believe this is due to the headers getting stripped on forward. I'm currently using this tool to convert styles to inline as a way around. https://templates.mailchimp.com/resources/inline-css/

Screenshots:

[Mattifyed]

You are right. This is because the headers are stripped off. However, this behaviour isn't consistent across email clients. All of them behave differently, and the difference is significant. The approach of inlining the HTML before sending, as you do now, seems to be the only solution to this and nothing else really works.

[aksanoble]

I'm wondering if the css can be made inline during the process where the template is being processed with the email content?

[NicoHood]

That has already been reported and fixed. #548

[aksanoble]

@NicoHood The issue that I am reporting here is different from the #548 . It's related to the headers getting stripped by certain email clients. Wondering if styles can be applied inline while processing email templates. This will save tons of time. https://templates.mailchimp.com/resources/inline-css/

[NicoHood]

And which email client does that??

[aksanoble]

For example: gmail-web

[knadh]

@aksanoble Can you share screenshots describing the issue? Gmail does not strip of layer/table/image styles.

[aksanoble]

@knadh
Here's a screenshot of the original email as received.

Here's how the image looks as we try to forward the email.

[knadh]

hm, I'm not sure how listmonk can fix this. You could click the HTML <> icon on TinyMCE toolbar to get the HTML view and add an inline style to the image.

To make it simpler, maybe adding a width % option to the image popup would help? But then again, to get fine grained control (max-width, max-height) on inline styles, it's just simpler to edit the HTML.

[aksanoble]

Can it be done in the step where the content for a particular campaign gets added to the template to generate the final html?

[knadh]

I don't think it can be. Different e-mails will treat images differently, right? width, height, max-width, max-height, percentages, pixels ... It has to be designed manually.

[NicoHood]

Don't we need to parse the final html and replace the css with inline styles? Like using a converter lib that removes all those styles and inlines them? I am not sure if that is a common usecase, but at least a solution. I am a bit shocked, that such limited mailclients exist.