Problème de défilement du clavier IOS Cordova/Phonegap, Fond blanc affiché

Question

Je développe actuellement en utilisant Phonegap Build. Sur IOS, lorsque le clavier est affiché et que la vue défile pour montrer ce que le clavier est actuellement en face, la vue semble corrompue. Il est réparé lorsque l'utilisateur perd et que le clavier se ferme.

Le problème est constant sur toutes les pages de l'application, j'ai passé beaucoup de temps à la recherche mais je ne trouve pas de réponses à ce problème spécifique, toute aide est grandement appréciée.

Configuration illustrée ci-dessous. Les images ci-dessous tentent de démontrer le problème du mieux que je peux.

<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="current.id" version="1.0.2"> 
 
    <name>Foobar</name> 
 
    <description>an application</description> 
 
    <content src="index.html"/> 
 
    <preference name="DisallowOverscroll" value="true"/> 
 
    <preference name="android-minSdkVersion" value="14"/> 
 
    <preference name="Fullscreen" value="flase" /> 
 
    <preference name="StatusBarOverlaysWebView" value="true" /> 
 
    <preference name="prerendered-icon" value="true" /> 
 
    <preference name="permissions" value="none" /> 
 
    <preference name="orientation" value="portrait" /> 
 
    <gap:config-file platform="ios" parent="NSCameraUsageDescription" overwrite="true"> 
 
    <string>We are using the Camera for the profile picture..</string> 
 
    </gap:config-file> 
 
    <gap:config-file platform="ios" parent="NSPhotoLibraryUsageDescription" overwrite="true"> 
 
    <string>We are using the Camera for the profile picture..</string> 
 
    </gap:config-file> 
 
    <feature></feature> 
 
    <plugin name="cordova-custom-config" source="npm" spec="~4.0.2" /> 
 
    <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1"/> 
 
    <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2"/> 
 
    <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1"/> 
 
    <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0"/> 
 
    <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2"/> 
 
    <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0"/> 
 
    <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1"/> 
 
    <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0"/> 
 
    <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3"/> 
 
    <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0"/> 
 
    <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1"/> 
 
    <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2"/> 
 
    <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0"/> 
 
    <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1"/> 
 
    <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1"/> 
 
    <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0"/> 
 
    <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0"/>

Étape 1: Image 1, Focus on the input.

Étape 2: Image 2, Scrolling slightly down while still focused on the input.

continue pour faire défiler provoquera toute la vue de montrer blanc, à l'exception d'un bouton soumettre au bas .

Je peux ensuite taper sur l'arrière-plan/mise au point et lose l'arrière-plan et les entrées se charge avant.

Merci pour toute aide!

Answer 1

Je pense que c'est un problème de css pas une configuration de cordova. iOS gère le défilement de la vue Web par défaut chaque fois que le clavier apparaît. Par conséquent, si vous avez des css supplémentaires pour gérer le défilement de la page sur l'affichage du clavier, supprimez-le.