[IOS] Editing a grid cell in IOS Safari zooms in the input

[mddragnev]

Description

iOS Safari automatically zooms the viewport when focusing text inputs whose computed font size is smaller than 16px. This is a long-standing browser behavior (not officially documented by Apple) and is widely recognized in the web development community. Setting the input font size to at least 16px is the standard workaround.
We hit this issue in the grid editing since the font-size is 13px.
However, this is the browser default behavior and I am not sure whether we should address this. IMO, this is breaking the UX.

Framework

Angular

Angular Version

latest

Ignite UI for Angular Version

latest

Component / Area

Grid

Browser

Safari

Operating System

iOS

Command Not Working

Steps to Reproduce

1. Open any cell editing sample with grid
2. Double click to enter edit mode

Actual Result

The browser zooms the viewport.

editing-zoom-in.mov

Expected Result

We need to decide whether this is an UX issue or we leave it as is because this is the default behavior of the ios safari browser

Reproduction URL

No response

Attachments

No response