apache / cordova-ios

Apache Cordova iOS
https://cordova.apache.org/
Apache License 2.0
2.16k stars 989 forks source link

cordova-ios 6.1.1: When keyboard comes up, view gets shrinked #1027

Closed brunoPert closed 3 years ago

brunoPert commented 3 years ago

Bug Report

Problem

When focusing over an input, the whole screen gets shrinked an never comes back to original state.

What is expected to happen?

The screen should remain the same

What does actually happen?

Screeen gets shrinked

Information

Bug came into when I updated cordova-ios to the 6.1.1 version.

Screen changes as follows, instead of showing all, it shrinks the view and makes me scroll to the not seen sides of the screen:

Captura de Pantalla 2020-11-16 a la(s) 11 29 15

Version information

ios: 14.1 cordova-ios: 6.1.1 cordova: 10.0.0 xcode: 12.1

Checklist

mmxcrono commented 3 years ago

This plugin worked for me to fix it on iOS 12. Hope it does for yours. https://www.npmjs.com/package/cordova-plugin-wkkeyboardfix

Although your iOS version is 14.1, it was supposed to have been fixed in 13.4

brunoPert commented 3 years ago

It was an issue related to the text input fosusing event. Found this solution:

input, select:focus, textarea { font-size: 16px !important; // Thw new webview for ios requires this to work properly on input focus }

And all set! Hope it helps someone.