I have my footer with keyboard-attach directive like this:
<ion-footer-bar keyboard-attach class="bar-stable footer-chat item-input-inset chat-detail-footer"> <label class="item-input-wrapper"> <input id="ns-input-chat-message" class="chat-detail-input" ng-model="data.message" ng-keypress="sendMessagekeyPress($event)" on-return="sendMessage($event)" ng-focus="openKeyboard()" ng-blur="inputBlur()" dir="auto" type="text" placeholder="Chat..."/> </label> </ion-footer-bar>
then when the input is focused, the content will scroll to bottom with:
In iOS, it works perfectly but in Android, the footer overlap the content when the keyboard appear. Here are the screenshots:
When the keyboard has not showed up:
When user focus the input and keyboard show up:
If I remove keyboard-attach directive, it works good on Android but in iOS the keyboard won’t show up.
Could anyone help me with this issue ?
Thank you very much.