On iPhone devices screen is zoomed in and fails to resize back after user enters input

[shruti-talekar]

I have ionic cordova hybrid mobile app where for iPhone devices when keyboard is launched to enter input, iPhone screen is zoomed in and after entering the input, keyboard is dismissed but the screen remains zoomed in and user has to manually resize the screen to fit the screen properly.

I have below plugins configured in my app:
"cordova-plugin-ionic-webview": "^5.0.0"
"cordova-plugin-inappbrowser": "^5.0.0",
"cordova-plugin-ionic-keyboard": "^2.2.0",
"cordova-plugin-ionic-webview": "^5.0.0",
"cordova-plugin-screen-orientation": "^3.0.2",
"cordova-plugin-statusbar": "^2.4.3",
"cordova-ios": "^6.3.0",

I have set meta name="viewport" tag value as below:
meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"

[dpogue]

What is the value of your meta name="viewport" tag?

[shruti-talekar]

I have set meta name="viewport" tag value as below:
meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"

[dpogue]

hmm, in theory that should work, but Apple sometimes overrides those preferences for accessibility reasons 😞

I'm not sure if there's anything Cordova can do to change the WKWebView behaviour