Full-width sections are not full width on Outlook for Windows (Win 11)

[kennethormandy]

When using <mj-section full-width="full-width" />, the section is not full width or centred on Outlook for Windows (Win 11).

Screenshot, using an example template with the first section changed to full-width:

To Reproduce
Steps to reproduce the behaviour:

1. Use this example template—it’s the same as the original one, except the very first section is changed to full-width: https://mjml.io/try-it-live/JGDEKvtlEq
2. Render it to HTML by doing mjml ./example.mjml --output ./ --config.beautify true
3. Send the HTML to Litmus, with previews for Outlook for Windows (Win 11) in light and dark mode
4. See the header is not full width or centred

Expected behavior
In all other environments, the header looks like this:

MJML environment (please complete the following information):

• OS: Windows
• MJML Version 4.16.1
• MJML tool used: npm package

Email sending environment(for rendering issues):

• Outlook via Litmus

Affected email clients (for rendering issues):

• Email Client [e.g Gmail]
• OS: [e.g. Windows]
• Browser [e.g. Google Chrome]

Thanks!

[dazgreer]

Hi @kennethormandy, I've tested this, using the code and method you've provided, in both Email on Acid and Testi (we don't have access to Litmus) and I'm unable to recreate the issue in any version of Outlook, or indeed any client.

It could be an issue with the way you are sending emails. Sending the HTML with https://htmltest.email/ should work fine.

[kennethormandy]

Hi, thanks for double-checking it for me.

Like you, I didn’t see the issue in any client in Litmus except for this one. Maybe it was a misleading preview.

For what it’s worth, we did it within Litmus and via Amazon SES and since there were no other issues, I don’t think it was an issue with how the message was sent.

I’ll see if I can do another test of this at some point.