Hello,
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:
$ionicScrollDelegate.$getByHandle('chatScroll').scrollBottom();
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:
https://s3-ap-southeast-1.amazonaws.com/setask-app/cPGnuACNMSZyknDEd/xDR789NTHmj7oHXnh/original/mhT37WNAB8hP6nRKY-tmp_Screenshot_2016_04_04_12_17_062013993828.png
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.