bug: Ionic Keyboard not working height out correctly
See original GitHub issueBug Report
Ionic version: [ ] 4.x [x] 5.30.0
Current behavior: This bug has been driving me around in circles and consumed an enormous amount of hours but I’m beginning to think it might be an ionic bug.
When I call the following:
Keyboard.addListener('keyboardWillShow', (info: KeyboardInfo) => {
console.log("keyboardHeight", info.keyboardHeight)
});
then keyboardHeight = 326
. showing the following:
if I dismiss the keyboard and re-open it, on the off-chance it’ll give me the correct height which is 355
. Showing the following:
It’ll also give me the correct height if I go into the keyboard options (in the bottom right corner when the keyboard shows) and re-select the same keyboard
Please see attached video for more information
Expected behavior: To get the correct height each time
Steps to reproduce: As mentioned above
Related code:
As shown above
Other information: https://user-images.githubusercontent.com/12820928/115383895-46514c00-a1ce-11eb-9887-bd5f1ff13a06.mov
Ionic info:
Ionic:
Ionic CLI : 6.13.1 (/Users/mwyld/.nvm/versions/node/v12.20.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.5.2
@angular-devkit/build-angular : 0.901.9
@angular-devkit/schematics : 9.1.9
@angular/cli : 9.1.14
@ionic/angular-toolkit : 2.3.0
Capacitor:
Capacitor CLI : 2.4.5
@capacitor/core : 2.4.5
Utility:
cordova-res : 0.15.3
native-run : not installed
System:
NodeJS : v12.20.1 (/Users/mwyld/.nvm/versions/node/v12.20.1/bin/node)
npm : 6.14.10
OS : macOS Big Sur
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (1 by maintainers)
Top GitHub Comments
Put the input box in
<ion-footer>
so when keybord is open the footer would always top ofSoftkeyPad
& you will get desired result . It never hide behind thesoftkeypad
. If that doesn’t help let me knowThanks for the issue! This issue is being closed due to the lack of a code reproduction. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.
Thank you for using Ionic!