Html rendering on ios mail is different than real device

hithamalbasheir commented 4 weeks ago

I'm testing adding box-shadow on an email template, it works on the preview on ios mail, but on real device, the shadow doesn't show up, can you double check this please

NeverVane commented 4 weeks ago

Hi, let me check. It would be useful if you could provide the html you’re testing and also the device/client key in order to try the same device.

hithamalbasheir commented 4 weeks ago

Sure, this is how it looked like on actual iPhone IMG-20240619-WA0004 And this is how it looks like on the preview

And this is the html file ` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Hey Lovely Human,

A new coaching session has been booked from the website. Please find the details for the same below-

Full name : {{data.fullName}}

Email of booker : {{data.email}}

Mentor(s) booked : {{data.mentors}}

Email of Mentor(s) : {{data.mentorsEmail}}

Preferred date : {{data.preparedDate}}

Preferred time : {{data.preparedTime}}

Please reply back to {{data.email}} as soon as possible to confirm the Talk Show.

`

NeverVane commented 4 weeks ago

Please allow me some time. I will reply asap

NeverVane commented 3 weeks ago

Hi @hithamalbasheir , could you please specify if you're using default Email client on your iOS device or anything else ?

hithamalbasheir commented 3 weeks ago

Hi @NeverVane, apparently I got confused when I received the photo and thought it's from iOS Mail app, but I think it's from Gmail app, where shadow is not supported according to this website Apologies for the confusion and nice work on the email preview tool 🙌

NeverVane / html-email-preview

Html rendering on ios mail is different than real device #4