Mjml: mj-button with href on Office365 Outlook webmail

[ghost]

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]

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]

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

On 28 Jun 2017 10:16, "Marco Oliva" [e-mail] 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]

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]

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 [e-mail] 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
.