T-online.de webmail renders conditional comments

[hteumeuleu]

The desktop webmail of T-online.de content within HTML conditional comments. So the following example:

<!-- <p>This is an HTML comment.</p> -->
<!--[if mso]>
<p>This is a mso conditional comment.</p>
<![endif]-->
<!--[if foobar]>
<p>This is a foobar conditional comment.</p>
<![endif]-->

…is transformed by T-online.de into the following:

<p>This is a mso conditional comment.</p>
<p>This is a foobar conditional comment.</p>

This only affects conditional comments (not regular HTML comments). And this works with any conditional keyword (like foobar in the previous example).

Thanks to @M-J-Robbins for spotting this one yesterday on the #emailgeeks Slack.

[brunorilla]

Is there any solution for this?

[DarkDust]

There's a workaround we're using in Mail Designer 365: Outlook doesn't understand display:none;¹⁾ but T-Online does. So you can do:

<p>Renders everywhere.</p>
<!--[if mso]>
<p style="display:none;">Renders in Outlook only.</p>
<![endif]-->

1. AFAIK, Outlook only understands display:none; on TABLE elements.

[M-J-Robbins]

@DarkDust ah that's clever worth adding to the list here if you can https://howtotarget.email/

Also to target just T-Online you can use <!--[if false]> T-Online <![endif]-->

[longtowner]

new Outlook Clients support display: none, that's why we need an additional <!--[if mso]>p.target-class {display: block !important}<![endif]--> to show the content, if it's hidden. t-online keeps the content hidden, because it deletes all the <style> Blocks

[adrianthomas]

@longtowner

new Outlook Clients support display: none, that's why we need an additional <!--[if mso]>p.target-class {display: block !important}<![endif]--> to show the content, if it's hidden. t-online keeps the content hidden, because it deletes all the <style> Blocks

You mean they support display: none outside of tables? Which clients, the new iOS Outlook?

[longtowner]

@adrianthomas yes Outlook 365 supports it at least for <center> elements. i tried it today. I had to hide the Text inside a VML Button (https://buttons.cm/) because T-Online shows the Button Text twice.

[calebrauxa]

Thanks so much for documenting this and making my life easier today.

[SpecOps12]

@longtowner You made my day! Works like a charm 🪄

[NivenRanchhod]

It looks like this issue has been rectified. No mso content is being rendered, as far as I can see 🎉

[M-J-Robbins]

Nice, thanks for sharing @NivenRanchhod this is great news