I’ve my ion footer with place:mounted and backside:0, my ion footer is inside ion content material.
My drawback is that when the keyboard comes up on enter, the aspect with the mounted place and backside 0 stays down when it ought to go up with the keyboard, and it is bizarre as a result of this solely occurs generally and never different instances. And when my aspect is pushed up with the keyboard and the keyboard disappears, the aspect stays on prime the place I push it with the keyboard.
I believe that when the keyboard seems the appliance doesn’t notice that the peak modifications.
This drawback solely occurs on ios, on android it really works regular.
I go away you ways is my code.
`<ion-content [scrollEvents]="true">
<!-- Header -->
<app-header
title="RegÃstrate"
iconLeft="icon-close"
backDirection="login">
</app-header>
<!-- Kind -->
<type
class="w-100 container-main"
[formGroup]="type"
(ngSubmit)="onSubmit()"
>
//content material
</type> <!-- Finish Kind -->
<!-- Footer -->
<ion-footer class="ion-no-border footer-ionic">
<ion-toolbar class="ion-no-padding">
<div class="text-center">
<ion-button broaden="block" shade="main" form="spherical" [disabled]="type.invalid" (click on)="onSubmit()"
sort="submit" type="margin: 0px;">Siguiente</ion-button>
</div>
</ion-toolbar>
</ion-footer>
</ion-content>`
And the css of my footer:
`ion-footer{
place: mounted;
backside: 0;
z-index: 1000;
}`
Photographs within the emulator, the issue not is the emulator i take a look at the app in and telephone with ios and have the identical drawback:
Footer aspect keep up with the keyboard, is that this okay
the problemn is the footer keep up when keyboard dissapear
I would like my footer stays mounted within the backside place when the keyboard seems I push my footer up