The problem is that no padding is added when the keyboard is open, although scrollPadding is set to true I am using this plugin on an Ionic 3 / Angular 5 project.
The keyboard plugin is:
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.1.3" />
And I have set:
scrollPadding: true,
scrollAssist: true
And also
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity">
<activity android:windowSoftInputMode="adjustPan" />
</edit-config>
And I also tried multiple variations of:
<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="ionic" />
Or native instead of ionic .. but nothing.
My code looks like this:
<ion-content>
<ion-grid no-padding>
<ion-row align-items-center class="border--bottom--gray margin--bottom--10">
<ion-col>
<ion-searchbar class="app-searchbar" [placeholder]="'Search"
(ionChange)="loadUsers()" [debounce]="500" #textInput></ion-searchbar>
</ion-col>
<ion-col col-auto>
<button ion-button color="blue" round outline class="width--30 height--30 padding--0" (click)="goToSelectUserType()">
<i class="adsicon-plus"></i>
</button>
</ion-col>
</ion-row>
</ion-grid>
<ion-list *ngIf="!loadingService.isActive">
<ion-item detail-none no-lines *ngFor="let user of users" (click)="select(user)">
<ion-avatar item-left>
<img [src]="user.prefAvatar ? user.prefAvatar : avatarPlaceholder" class="user-avatar">
</ion-avatar>
<button ion-button clear full>
<div class="font__size--14">Name</div>
<div class="font__size--12 margin--top--5">Type</div>
</button>
</ion-item>
</ion-list>
<ion-spinner *ngIf="loadingService.isActive"></ion-spinner>
<div class="text__align--center margin--top--25" *ngIf="textInput.value.length < 3 && !users.length && !loadingService.isActive">
Min 3 chars
</div>
<div class="text__align--center margin--top--25" *ngIf="textInput.value.lenght >= 3 && !users.length && !loadingService.isActive">
No results
</div>
</ion-content>
Example (this page is scrolled to the bottom currently)