Android keyboard-attach footer overlap the content when keyboard appear

1

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:

https://s3-ap-southeast-1.amazonaws.com/setask-app/cPGnuACNMSZyknDEd/xDR789NTHmj7oHXnh/original/iHDRdotcvCdEx596s-tmp_Screenshot_2016_04_04_12_17_01243768091.png

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.

2

have you found a solution?