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?