react-email icon indicating copy to clipboard operation
react-email copied to clipboard

Tailwind classes being striped on Gmail IOS

Open gabrielmfern opened this issue 1 year ago • 2 comments

Email does not render as expected on Gmail IOS:

Image of how the email looks like on Gmail IOS

Shoutout to @Xexr for reporting this.

The email should look like the one from this comment.

gabrielmfern avatar Jan 13 '24 13:01 gabrielmfern

Gmail on iOS inverts hex colors if you are using dark mode. It's the default feature for Gmail on iOS.

nirmpate avatar Mar 26 '24 22:03 nirmpate

Thanks @nirmpate

That was half the issue, the colours are normal when not on dark mode. If you don't use hex colours does gmail avoid this?

There are still issues with alignment (header and welcome are left aligned in all other mail clients) and the sizing of the boxes so I'll leave this issue open.

Xexr avatar Mar 27 '24 07:03 Xexr