Friday, February 17, 2023
HomeiOS Developmentangular - Drawback when the keyboard seem or dissapear in ionic with...

angular – Drawback when the keyboard seem or dissapear in ionic with ios, solely in ios in android works good


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:

Preliminary body

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



Supply hyperlink

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments