Issue

When filling out a form on a phone web and/or PWA (Progressive Web Apps) using an iOS device, the form will zoom in or focus on the textbox. 

Environment

Phone Web

Progressive Web Apps (PWA)

Cause

This behavior is expected in iOS devices. iOS devices will zoom in when the font size is less than 16px.

Solution / Workaround

The solution will vary from app to app as there are multiple ways to build and style the app to remove this behavior but the following are steps in a blank app to change the font size:

Find the theme.compiled.css file (found within <App>/theme-cache/web folder in a file explorer ) 

Locate the class section of .form-control and change the font-size value from 14px to something greater than 16px. 

A screenshot of what the .form-control class looks like from a blank app can be found below. 

Additional information

Other documentation: Blog post