search

mjmlio / mjml

MJML: the only framework that makes responsive-email easy
https://mjml.io
MIT License
17.08k stars 960 forks source link

mj-button with href on Office365 Outlook webmail #733

Closed ghost closed 7 years ago

ghost commented 7 years ago

Hi!

On Office365 Outlook webmail this code:

          <mj-button font-family="Helvetica" background-color="#f45e43" color="white">
            Don't click me!
          </mj-button>

works perfectly.

This one:

          <mj-button font-family="Helvetica" background-color="#f45e43" color="white" href="#">
            Don't click me!
          </mj-button>

doesn't (It breaks layout totally !?).

I think the problem is that the first code generate a

tag, the second one an . Is there some workarounds or Office365 Outlook webmail is not supported?

without href becomes useless....:( Thanks!
ghost commented 7 years ago

Ok, I've investigated a little bit more.

The problem is not href but href="#".

For testing I'm using href="#" (I don't know yet the url). I don't know why, but It breaks totally the layout. With a real url all works perfectly.

dalefish commented 7 years ago

This is to be expected, it's not a valid href for email

On 28 Jun 2017 10:16, "Marco Oliva" notifications@github.com wrote:

Ok, I've investigated a little bit more.

The problem is not href but href="#".

For testing I'm using href="#" (I don't know yet the url). I don't know why, but It breaks totally the layout. With a real url all works perfectly.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/mjmlio/mjml/issues/733#issuecomment-311589913, or mute the thread https://github.com/notifications/unsubscribe-auth/AKxLOCtwZbhDaVYaLYNCNp8tJ1uRsM6qks5sIgvYgaJpZM4OHnhy .

bago commented 7 years ago

You can find details on Outlook.com/Office365 behaviour here: https://mosaico.io/email-client-tricks/outlook-com-office-365-empty-a-style-issue/

dalefish commented 7 years ago

Also, https://emails.hteumeuleu.com/what-you-need-to-know-about-the-new-outlook-com-8d2c54719398

Kind Regards,

:----------------------------: Dale McConnell

On 28 June 2017 at 10:53, Bago notifications@github.com wrote:

You can find details on Outlook.com/Office365 behaviour here: https://mosaico.io/email-client-tricks/outlook-com- office-365-empty-a-style-issue/

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/mjmlio/mjml/issues/733#issuecomment-311598616, or mute the thread https://github.com/notifications/unsubscribe-auth/AKxLOEIKjJlAj4L2_4TCAcHHGghAOMWkks5sIhSfgaJpZM4OHnhy .