title: The keyboard covers the input field in ios - Ionic 5
body: <p>I've been with this same problem for months and I still can't find a solution. I have an application where there are several forms, when focusing on an input field the keyboard covers this input field and the user cannot see anything. This only happens on iOS, on android everything works normal.</p>
  <p>In this application I am using ionic 5 with capacitor.</p>
  <p>This is how I would like my application to work: <a href="https://i.stack.imgur.com/DEEiA.gif" rel="nofollow noreferrer">EXAMPLE 1</a></p>
  <p>It is currently working like this: <a href="https://i.stack.imgur.com/23DoT.gif" rel="nofollow noreferrer">EXAMPLE 2</a></p>
  <p>.HTML</p>
  <pre><code>&lt;form [formGroup]=&quot;formSubmit&quot; (ngSubmit)=&quot;formSubmit()&quot;&gt;      
    &lt;mat-form-field appearance=&quot;outline&quot; class=&quot;field-style&quot;&gt;
      &lt;input matInput maxlength=&quot;35&quot; class=&quot;input-form&quot; placeholder=&quot;Agregar un alias (opcional)&quot; formControlName=&quot;alias&quot;&gt;
    &lt;/mat-form-field&gt;
    &lt;button mode=&quot;ios&quot; class=&quot;btn-siguiente-enable&quot; expand=&quot;block&quot; type=&quot;submit&quot; *ngIf=&quot;formSubmit.valid&quot;&gt;Siguiente&lt;/button&gt;    
  &lt;/form&gt;
  </code></pre>
  <p>.TS</p>
  <pre><code>ngOnInit() {
      this.initForms();
  
      Plugins.Keyboard.setScroll({isDisabled: true});
  
      Plugins.Keyboard.addListener('keyboardWillShow', (info: KeyboardInfo) =&gt; {
        Plugins.Keyboard.setResizeMode({mode: KeyboardResize.None});
      });
  
      Plugins.Keyboard.addListener('keyboardWillHide', () =&gt; {
        Plugins.Keyboard.setResizeMode({mode: KeyboardResize.Native});
      });
    }  
  </code></pre>
  <p>Any idea how to solve this?</p>