hteumeuleu / email-bugs

Email quirks and bugs
528 stars 20 forks source link

Apple Mail on iOS 13 on certain devices adds left and right padding #69

Open hteumeuleu opened 4 years ago

hteumeuleu commented 4 years ago

On Apple Mail on iOS 13, emails get an extra left and right unremovable padding on certain devices. Here are a few examples shared by @tedgoas on Slack.

Stack Overflow Really Good Emails Litmus

Here's a thread reporting the same issue on Apple's discussions.

Following the discussion on Slack between Ted and @CourtFantinato, it seems this only affects iOS 13 on certain Apple devices (namely the big ones aka iPhone XS Max, iPhone 11 Pro Max, iPad Pro, …).

multiplehats commented 3 years ago

I'm a bit late for the party. But I have the same issue on my iPhone X. Pretty sure it has something to do with media queries.

For example, I'm subscribed to The Hustle, but their email has no padding.

Did you ever figure this out?

hteumeuleu commented 3 years ago

No, but mostly because I never got my hands on the HTML from emails that caused this. Would you be able to share a screenshot and some code from an email of The Hustle you mentioned?

multiplehats commented 3 years ago

Sure happy to @hteumeuleu included my own email and that of The Hustle, bit of a long scroll.

My email Made with Maizzle framework. ``` getheate.com {% capture html_content %}{{ message_content }}{% endcapture %}
```
The Hustle Got it from the show original in Gmail ``` thehustle.co = 3D""
=
PLUS: The battle of TV remotes.
=
January 20,= 2021
3D"The
TOGE= THER WITH
3D"Policygenius"/

#Inaugurat= ionDay #StaySafeOutThere

= <= /tr>
The Big Idea
= 3D"Boston
=

Not even a little bit unsettling (Source: Boston Dynamic)

The pandemic is ushering in a new wave of office = and warehouse robots. Will the trend continue?

It=E2=80=99s an= internet tradition.=C2=A0

The robotics company Boston Dynamics releases a = video of its latest robot doing some advanced human-looking stuff and Twitt= er loses its mind.=C2=A0

Last month, the firm caught the viral wave with it= s robots getting their dance on. While the video was no doubt i= mpressive, the practical applications -- unless we=E2=80=99ve completely lo= st the plot here -- weren=E2=80=99t readily apparent.=C2=A0

If you=E2=80=99= re looking for practical examples of robots at work, a recent report from <= a href=3D"https://link.thehustle.co/click/22701252.10330/aHR0cHM6Ly93d3cuZW= Nvbm9taXN0LmNvbS9idXNpbmVzcy8yMDIxLzAxLzE2L2FmdGVyLXllYXJzLW9mLWRpdGhlcmluZ= y1jb21wYW5pZXMtYXJlLWVtYnJhY2luZy1hdXRvbWF0aW9u/5f3b71092c81bf63140b3f37Bf9= 6ed5c1" style=3D"-webkit-text-fill-color: #d62829; color: #d62829; text-dec= oration: none;">The Economist says the pandemic has ushered in a= new wave of automation that=E2=80=99s here to stay.=C2=A0

The installed base of factory robots i= s growing=E2=80=A6

=E2=80=A6 forecast to reach 3.2m units by the = end of this year, double the count from 2015 -- per research firm Robo Glob= al. Within 5 years, the total spend on industrial robots could hit $73B, up= 60% from today.=C2=A0

And COVID-19 is only accelerating the trend.=C2=A0

D= espite the long-term cost savings from automation, corporate managers have = to manage investor expectations when it comes to huge upfront cash outlays.= =C2=A0

The pandemic -- which is forcing all industries to re-imagine work -= - provides cover for big robotics investments.=C2=A0

What type of robots we talkin=E2=80=99 bout = here?=C2=A0

According to The Economist, there are a few = categories:=C2=A0

  • Retail = delivery: UK-based Ocado is an online-only grocer that operates au= tomated warehouses for grocery deliveries and has rolled out its tech to Kr= oger in the US

  • Remote location monitoring= : US-based Emerson and Swiss-Swedish ABB combine AI, cameras, and = sensors to help users remotely monitor chemical factories, paper mills, mar= ine vessels, and more

  • Paperwork:= Romania=E2=80=99s UiPath automates business processes (and just filed for = a $20B IPO) while America=E2=80=99s Workato has raised $100m+=C2=A0
  • It's not all doom and = gloom for labor, though=C2=A0

    We=E2=80=99ve also seen increased d= emand for =E2=80=9Ccollaborative robots=E2=80=9D (AKA =E2=80=9Ccobots=E2=80= =9D) -- from firms such as GreyOrange and Amazon-owned Kiva -- which are de= signed to work with people.

    Cobots are in particularly high demand for ecom= merce warehouses, which are obviously booming.

    We have no idea when the nex= t viral Boston Dynamics vid will drop, but we hope that its next robot is 1= % as useful as these army of cobots:

But can these cobots deliver jokes? (Source: YouT= ube/YourStory)

=
3D"Share 3D"Share 3D"Send3D"View
Snippets
    Cruise: powered by Microsoft. Autonomous vehicle ser= vice Cruise raised $2B at a $30B valuatio= n -- on a combined 0 total customers -- with Microsoft as a key investor an= d Cruise agreeing to use Azure for cloud computing services.=C2=A0 Bumble -- the dating app founded by Whitney Wolfe He= rd (co-founder of Tinder) -- could be worth $10B, more than 3x its last pri= vate round, per Reuters. In comparison, Match Group (= owner of OkCupid, Hinge, Tinder etc.) is up ~2x in the past year.=C2=A0
  • Parler comeback story: The blacklisted app appears to have found refuge with DDos-= Guard (the Russian equivalent of Cloudflare), known for hosting 8kun and si= tes for the Russian government.
  • Tesla=E2=80=99s Model= Y hits Chinese streets with the first deliveries of the car there starting this week. = Tesla produces the car in a $2B Shanghai factory to lower shipping costs an= d avoid import taxes and delays.
  • Netflix CRUSHES: After adding a record 36.6m subs in 2020 (it has 200m+ total), the st= reamer says it won=E2=80=99t need to raise any more debt and will be break-= even next year, per Bloomberg=E2=80=99s Lucas Shaw. $NFLX was up 12%+= after hours.=C2=A0
  • Goodsend -- a social app for direct giving -- is rolling out an interest= ing program: paying expenses (e.g., gas, phone bills) for und= erprivileged jobseekers...so they can go and find jobs.
=C2=A0
<= td>

A former hedge fund trader founded America=E2=80=99s le= ading nonalcoholic craft beer

Bottoms Up
3D=

You can safely drink Athle= tic Brewing while kayaking (Source: Athletic Brewing)

It=E2=80=99s Dry January=E2=80=A6= which means somewhere, someone you know is prob having a sip of Athletic B= rewing.=C2=A0

Founded in 2017 by Bill Shufelt -- a former hedge fund trader= -- Athletic Brewing is one of America=E2=80=99s fastest-growing nonalcohol= ic (NA) brands, Bloomberg reports.

As quarantine life pushed many to prioritize health at home,= the company saw sales grow more than 5x in 2020 to ~$15m.=C2=A0

The entire nonalcoholic beverage= industry is $187m

Within that, Athletic Brewing dominates the cr= aft NA beer segment with a 61% share offering low-cal favorites like Run Wi= ld IPA (70 cals) and gluten-free Upside Dawn Golden Ale (50 cals).

Don=E2= =80=99t let the names fool you -- this is not hipster fare.=C2=A0

Shufelt= =E2=80=99s trading career was a =E2=80=9Cperformance-based lifestyle=E2=80= =9D that required him to stay sharp, while investors include A+ athletes li= ke NFL players J.J. Watt and Justin Tuck.=C2=A0

The trend has a number of tailwinds...

= =E2=80=A6 as covered by our Steph Smith in a...err...Trends article (un-paywalled for 1 week):=C2=A0=

  • Healthier (low-cal) life= style: 40% of global consumers want to reduce alcohol consumption= =C2=A0
  • No restrictions on NA beverages: Sell= ers can go D2C or in types of venues (restaurants, gyms) with no red tape= =C2=A0
  • A cheaper drink: No alcohol taxes=C2= =A0

Major alcohol brands (e.g., AB InBev=E2=80=99s Leffe 0.0 or Carl= sberg=E2=80=99s Nordic Ale) have gotten in on the action. Everything helps = when it comes to keeping that =E2=80=9Cdry=E2=80=9D New Year=E2=80=99s reso= lution.

<= td style=3D"display: inline-block; padding: 0px 0px 2px; text-align: right;= " align=3D"right">3D"Share = =3D"Send
3D"Share 3D"View
S= PONSORED

= What would you do with an extra $1,300/year?

No, seriously, it=E2= =80=99s not a hypothetical -- I just found out I could save $1,300 (or more!!!) every year by = using Policygenius to compare life insurance.=C2=A0

The only issue is, = I=E2=80=99m having trouble deciding what to spend it on=E2=80=A6=C2=A0

=
  • A post-Covid getaway to Bora Bora?
  • A life-size marble bust of my stunning beautiful dog, Gus?
  • =
  • Buying the exclusive rights to My First Million and renaming it T= he Bobby Durben Fan Club Podcast Presented by Sam Parr and Shaan Puri?
  • =

A tough decision, a= ll because I let Policygenius help me out.

Their licensed experts work for y= ou, not insurance companies, so they=E2=80=99ll do everything in their= power to make sure you get the lowest rate -- even if that means comparing= plans from 30 different insurers at once.

Every day, Policygenius helps people save over 50% = on their life insurance policies.=C2=A0

The only question left?=C2=A0

W= hat to do with all that extra cash.

Return of the B= utton
3D"Streaming

Streaming wars, 2021: Battle of the buttons

In 2011, Netflix c= hanged our lives -- for better or worse -- by i= ntroducing the Netflix button on remotes. They outdid themselves wi= th the =E2=80=9Cskip intro=E2=80=9D button, but that=E2=80=99s another conv= ersation.

At last week=E2=80=99s CES, one trend stood out among all kinds o= f remotes: buttons.

Mo= re branded shortcut buttons than ever

Chinese smart TV maker Hise= nse introduced a remote with 6 branded buttons in= cluding Netflix, Prime Video, YouTube, Tubi, Disney+, and Peacock.=C2=A0

Vi= zio =E2=80=9Chold my beer=E2=80=99d=E2=80=9D them with 7 buttons.=C2=A0

=

Str= eaming services dish out ~$1 per remote for the real estate, making the but= tons a valuable revenue stream for TV manufacturers looking to offset a ~60= % decline in TV prices between 2014 and 2019.=C2= =A0

On the other end -- with the smart TV market expected to grow 10.5% = annually through 2025 -- streaming services see the buttons as a means towa= rd subscriber growth and increased viewership.

Now, with voice assistants, brands are fighting a = 2-front battle

In 2020, for instance, LG was supposed to integrat= e Google Assistant and Alexa into its main mic button, but Google reportedl= y wasn=E2=80=99t down to share.

This meant that to access Alexa on LG=E2=80= =99s remote, users had to long-press the Prime Video button =E2=80=94 a= nd no one likes a long-press.

This year, things changed: LG gave Googl= e Assistant and Alexa dedicated buttons. But LG also gave its own webOS a b= utton -- meaning LG=E2=80=99s remote now has 3 separate voice assistant but= tons.=C2=A0

Seems a little excessive if you ask us.

=
3D"Share 3D"Share 3D"Send 3D"View=
<= td style=3D"padding: 0 0 6px;"> 3D""/= =

How has FAAMG done since Inauguration Day = 2017?

We hope you=E2=80=99re sitting down for this.=C2=A0

<= p style=3D"font-size: 15px; line-height: 140%; margin: 5px 0px 10px;">At cl= ose on Jan. 20, 2017, the combined market value of FAAMG (Facebook, Amazon,= Apple, Microsoft, Google) was $2.43T. As of yesterday mor= ning, it was $7.19T.=C2=A0

In just 4 short years, these 5 = tech giants added $4.8T in market value; almost as jarring= , Apple itself is today worth almost as much ($2.14T) as t= he 5 companies combined were in January 2017. =F0=9F=91=80

<= /tr>

Peaky Blinders is ge= tting a sixth season and a movie= . Catch up on the first 5 seasons here.

=
The Hustle Says

Winc cont= inues to disrupt the $300b vino industry with their modern wine subscriptio= n. Thanks to bottomless customer insights, they=E2=80=99ll help yo= u discover new wines you=E2=80=99ll love and ship =E2=80=98em straight to y= ou. Get $= 20 off your first order here.*

Invest in Gatsby, the fast-gro= wing app that makes trading options easy. Their funding round ends= on 2/12, or once they hit $5M -- whichever happens first. Don=E2=80=99t miss your chance to invest in the future o= f options trading.*

If you=E2=80=99re gonna watch Peaky Blind= ers with the kids around, you=E2=80=99ll probably want to snag som= e hi= gh-quality earplugs. Cockney accents are cool, your child dropping F-bo= mbs at preschool is also cool not.=C2=A0

*This is a sponsored post. <= /p>

<= td style=3D"width: 100%;">
TRENDS

How to stand out from your 9.7 competitors...

=

Res= earch shows that if you start a business this year, you=E2=80=99re going to= have more competitors than if you had started a business 5 years ago.
=
(9.7 competitors vs. 2.6, on average)

So, it shoul= d come as no surprise that when we asked founders for the #1 skillset a new= comer should have for starting a project in 2021, many gave the same answer= :

Branding.

Branding is what sets yo= u apart from those 9.7 competitors you=E2=80=99re going to be facing.
=
Which is why, in last week=E2=80=99s Trends newsletter, we dove deep = into best practices that have proven successful and frameworks that you can= start leveraging immediately for the competitive edge.
When you read through last week=E2=80=99s issue, you=E2=80=99ll le= arn:

  • The storytelling techniques = that helped one startup $114M in funding
  • How= to perfect your DSI (dominant selling idea)
  • How contrarianis= m and =E2=80=9Cpicking fights=E2=80=9D can help you make a name for your pr= oject
  • And much more

If you=E2=80=99re not already a me= mber of Trends, sign up today f= or a $1 trial to get access to the full newsletter.

Click here =E2=86= =92
3D""=

Listen, we know you want more robot GIFs=E2=80=A6 so, here you go. Above is a grocery-picking robot that Ocado -- the Briti= sh online-only grocer -- uses to fill customers=E2=80=99 orders.=C2=A0

=

This= robot uses the latest sensors, visions, and suction technology to pick up = to 50 items in 2-3 minutes, according to the company=E2=80=99s CEO Tim= Steiner.=C2=A0

Ocado now sells its tech to 3rd parties (e.g., Krog= er) and its market value has exploded, growing 10x in the past 5 years to <= strong>~$26B.

<= tr class=3D"zephyr-syntax" id=3D"Bottom copy">
SHARE THE HUSTLE
3D"Hustle

Over the years,= we=E2=80=99ve learned=E2=80=A6 secrets.

The= business secrets, tips, and tricks that have helped founders go from zero = to millions -- and even billions -- of dollars.

Want to see =E2=80=98em? Just refer 2 more friends to The Hustle and we= =E2=80=99ll send you our curated set of interviews with founders from brand= s like Zola, AWAY, Vungle, Bonobos, and more.

Here=E2= =80=99s a message you can use to share with your friends:

Hey! Do you read The Hustle? It=E2=80=99s the best daily business= newsletter out there -- only takes 5 minutes to read and you=E2=80=99ll so= und like the smartest person in the room. Sign up here, it=E2=80=99s free: = https://thehustle.co/?ref=3Dfe3aad= eeec

P.S. You can always ch= eck your referral count here.

Share The Hustle =E2=86=92
=
How did you like today=E2=80=99s email?

hate it

meh

love it
Today's email was brought to you by @TrungTPhan and Jacob Cohen.
Editing b= y: Brad =E2=80=9CRobo=E2=80=9D Wolverton, Accounts Payable Administrator (I= melda Czechs).
= PODC= AST JOBS AD= VERTISE CONTACT US
3D"Facebook"/ =3D"Youtube"/ 3D"Instagram"/ 3D"Trends"/
2131 THEO DR. STE F, A= USTIN, TX 78723, UNITED STATES =E2=80=A2 415.506.7210
Never want to hear from us again? Break our hearts and unsubscribe.
3D"The
<= /td>
------=_Part_41247631_1199589674.1611145812879-- ```
multiplehats commented 3 years ago

Any chance you could take a peak @hteumeuleu . Still haven't figured this now out 😅

hteumeuleu commented 3 years ago

Sorry I didn't. I took a look at your examples right away, but I couldn't reproduce the problem in Email on Acid. And I don't have a Litmus account right now or the proper iOS devices to test this.

revelt commented 3 years ago

@chrisschwartze hi! Please confirm the iOS version (Settings>General>About>Software version) and which mail app and which version of it you're using. Another thing, you posted the campaign with templating code. Strictly speaking, in order to recreate your experiment, we need exact rendered HTML from your experiment, without templating code. While issue_no can be replaced with string, the {% capture html_content %} is more difficult to guess.

I did a quick look on iPhone 7 / native Mail app / iOS 14.4, it is not happening. But that's a different phone screen size and possibly a different OS version. The only way I can get the side padding is rotate the iPhone to landscape, pinch to restore normal view, rotate back to potrait. But it doesn't show with padding on the sides when opened afresh.

The first step is, somebody needs to recreate the issue on a real device — pinpoint the source code, exact device, mail app version and OS version. If you want to help testing, the approach is, strip as much as you can from HTML, until there's just barely anything left to recreate the issue. ISOLATE. Then, start changing each line, until you find the cause. For example, it might be that issue in your case can be recreated with only blank body. Good. Continue with head. PINPOINT. You strip nearly everything and find out, step by step, let's say, that with minimum-scale==1 you get the padding, but without, it's fine. Job's done, that's the culprit. This is the workflow I'd follow if I was able to recreate the issue.

The bug is real, I've seen it before in geeks slack. It has never happened to my code. Same situation like Rémi, I don't have physical iPhone X to check, can't recreate. By the way, I'm using viewport meta tag <meta name="viewport" content="width=device-width, initial-scale=1.0"/>, it's different from yours, try that. Also, I don't put min-width: 100%; width: 100%; on body (only usual margin:0;padding:0;). Try that too.

mateitudor commented 2 months ago

This still happens in iOS 18