Ion-footer does not get pushed up when keyboard is visible (ios and android)

Question

My issue is that the toolbar remains at the bottom of the page.

This is my footer code:

Blockquote

<ion-footer>
    <ion-toolbar>
        <button ion-button clear class="color--blue text__align--center background--light-gray position--relative" (click)="!isAttaching ? triggerFileUpload($event) : false">
            Max 50(Mb)
        </button>
        <div class="background--blue height--4 position--absolute position--bottom--0 position--left--0" [ngClass]="{'display--hidden': !isAttaching}" #loader style="width: 0px"></div>
    </ion-toolbar>
</ion-footer>

I have used these settings:

<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="ionic" />

And also

<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="native" />

Alongside:

scrollPadding: true,
scrollAssist: true

Plus, for Android I am using:

<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
    <activity android:windowSoftInputMode="adjustPan" />
</edit-config>

None of the above did the trick. Anybody else got another suggestion?

Answer 1

You should add this cordova plugin cordova plugin add cordova-plugin-ionic-keyboard --save And use the first settings you tried, the alongside it’s not necessary