2
BUG: SM16 Webmail on Safari iOS
Problem reported by Shaun Peet - 5/29/2017 at 5:22 AM
Submitted
When using the webmail on an iPhone there's an annoying little glitch which is easy to fix with a couple lines of CSS.  Basically, Safari on an iPhone will zoom any input field when it detects that the font-size of that field is less than 16px.  The downside of this is that for SmarterMail it throws off the layout a bit, and because it's a SPA the zoomed-in look persists until the user zooms out manually.
 
In my own responsive designs I've added the following CSS to prevent this behaviour:

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select, textarea, input { font-size: 16px !important; }
    select:focus, textarea:focus, input:focus { font-size: 16px !important; }
}
 
 
Which is taken from this answer / discussion on StackOverflow:
https://stackoverflow.com/a/16255670
 
In the above CSS, I've removed the setting of the background-color on focus which was in the answer provided on StackOverflow which I figured SmarterMail wouldn't want to do because of your themes.
 
 

8 Replies

Reply to Thread
1
Shaun Peet Replied
This bug still exists in Version 16.0.6369 (June 9).
 
This is one of those low-hanging fruit type of fixes that I'm hoping can get rolled into the next update.  Just a simple CSS tweak would greatly increase usability when using Safari on iOS.
 
0
Mostafa Arabameri Replied
its show me browser not supported in ios (iPhone)
0
Shaun Peet Replied
Any chance this makes it into today's release?
0
Employee Replied
Employee Post
Hi Shaun. I do believe this fix is coming out today.
0
Shaun Peet Replied
Awesome - looking forward to it. I'm also now in possession of a mid-range Android phone and finding some other minor tweaks with that but I'll wait until after the weekend.
0
Shaun Peet Replied
Just tried on my iPhone and unfortunately this still exists in Version 16.0.6376 (Jun 16, 2017).
 
0
Shaun Peet Replied
This still exists in version 16.0.6390 from June 30.  The little zooming that Safari on iOS does ironically creates usability issues because in a SPA like SM16 it doesn't zoom back out after the textbox loses focus.
 
Note - this happens on the login page which can be used for testing.
1
Shaun Peet Replied
This still exists in version 16.1.6411
 
Please add those couple lines of CSS mentioned at the very top of this thread.  Thanks!

Reply to Thread

Enter the verification text