search

adam-p / markdown-here

Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.
http://markdown-here.com
MIT License
59.62k stars 11.27k forks source link

Monospaced blocks are rendered incorrectly in Outlook on the web (OWA) #659

Open lgrn opened 3 years ago

lgrn commented 3 years ago

Monospaced blocks seem to behave differently in the side pane in Office 365 on the web (OWA) than they do if you double click the e-mail so it pops out. It looks fine when you compose the e-mail, but the issue shows up when you read it.

Given the following example text:

    hello

pre text here
```

bye

The following HTML is generated in the Outlook "side-pane":

hello

pre text here

bye

​

![image](https://user-images.githubusercontent.com/735192/117687080-b6dcfe80-b1b7-11eb-9824-dde8bff748e2.png)

While this is generated in the popup window:

hello

pre text here

bye

​


![image](https://user-images.githubusercontent.com/735192/117687140-c78d7480-b1b7-11eb-810e-eebc707200c2.png)

This gets extra messy with multiple lines:

Side-pane:
![image](https://user-images.githubusercontent.com/735192/117687577-379bfa80-b1b8-11eb-9035-4f4aa5fff64e.png)

Popup:
![image](https://user-images.githubusercontent.com/735192/117687706-54383280-b1b8-11eb-8099-ea81b108ea19.png)
neilmayhew commented 2 years ago

I found that I could fix this by editing the theme customization in the add-on preferences and taking out the !important in this line:

display: block !important; /* added to counteract the Yahoo-specific `code` rule; without this, code blocks in Blogger are broken */
neilmayhew commented 2 years ago

I did this with Markdown Here Revival, which I'm now using instead of this original one since it's no longer maintained. I recommend you switch.

neilmayhew commented 2 years ago

This is now fixed in Markdown Here Revival.