Reputation: 1548
After adding crosswalk to my ionic app I faced many issues with keyboard and overlapping content the only solution was adding adjust nothing then get the keyboard height as mentioned in ionic keyboard plugin
window.addEventListener('native.keyboardshow',function(e){
$(".msg_footer").css("bottom", e.keyboardHeight + "px");
alert('Keyboard height is: ' + e.keyboardHeight);
});
window.addEventListener('native.keyboardhide',function(e){
$(".msg_footer").css("bottom","0px");
alert('Keyboard height is: ' + e.keyboardHeight);
});
with adjustResize events are fired and I got the alert message
but with adjustNothing ,alerts are not fired any more
here is my app run function I set ionic full scree to true
myapp.run(function ($ionicPlatform) {
$ionicPlatform.ready(function () {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);
}
if (window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
ionic.Platform.isFullScreen = true;
});
});
Upvotes: 1
Views: 1674
Reputation: 401
I had a similar issue where I saw some flickering on Android 5 and I had to set android:windowSoftInputMode="adjustPan"
to get rid of that. I also get the keyboard events fired.
Try with adjustPan to see if it works for you.
Upvotes: 2