Outlook.com adds "Joyful Animations"

[hteumeuleu]

About six months ago, Microsoft introduced a new feature in Outlook.com called "Joyful Animations". It is turned on by default but can be turned off per user settings. According to Microsoft:

Outlook automatically shows a celebratory burst of colorful shapes in the reading pane when you open a message that includes words like Happy Birthday and Congratulations.

The feature highlights certain keywords with a different background color and text color. When hovering the keywords, a confetti animation appears.

Based on the owa.ReadingPane.mail.js file on Outlook.com, this only applies to three expressions (not case sensitive):

• Happy Birthday
• Congrats
• Congratulations

The following code in an email:

<h1 class="foo">Congratulations</h1>

…will be transformed by Outlook.com into:

<h1 class="x_foo"><span data-markjs="true" class="markim8ebdahz _2Th5e9ZyZUAFfXZXt-uLkQ">Congratulations</span></h1>

I haven't found a way to prevent this transformation. However, the styles can be overrided by adding the following rule:

<style>
[class="x_foo"] span { background: inherit !important; color:inherit !important; }
</style>

[truongoi]

Hey, the issue is still happening with that