@theyouishere. Did you get solution for this?
Nop. I didnât look back at it. I keep all that kind of stuff for the end of my app when all the backend/front-end will be done. but itâs definitely something that i gotta fix so if you find it, just let me know !
Same here. This solution worked for me! Tks.
-
Declare a document variable like this:-
declare var document:any;
-
Subscribe for keyboard show and hide events using native keybaord plugin like this:-
Keyboard.onKeyboardShow().subscribe( (value)=>{
document.body.classList.add(âhide-on-keyboard-openâ);
}Keyboard.onKeyboardHide().subscribe( (value)=>{
document.body.classList.remove(âhide-on-keyboard-openâ);
} -
Add css :-
body.hide-on-keyboard-open .scroll-content{
margin-bottom: 0px !important;
}
body.hide-on-keyboard-open .footer{
display: none;
}
THATS IT, YOUâRE GOOD TO GO
THIS WORKS PERFECT 100%.
found this solution (hope it helps): https://stackoverflow.com/questions/32730171/ionic-footer-input-field-being-hidden-by-keyboard-in-chat-app
This goes out out to anyone thatâs had a similar problem with the ionic footer and inputs in cordova build. If you have this preference in config.xml
Set preference âfullscreenâ to value âfalseâ
The keyboard will hide the input when itâs activated. If you absolutely need to see that input when typing (that was a joke) than just set it to false and it should solve the problem.
Thank you very much. Superb idea