Input focus - keyboard overlaps - Android


#1

I am struggling to get an input field to focus on click.

The keyboard overlaps and the input doesn’t focus on click for both ion-input and a normal input fiels.

<ion-item>
<ion-input type="password" placeholder="Password" name="password" [(ngModel)]="registerCredentials.password" required></ion-input>
</ion-item>
              
<input class="round-input" type="text" placeholder="Email" name="email2" required  /> 

#2

I have this solution for now

this.keyboard.onKeyboardShow().subscribe(e => {
        
    console.log('Keyboard height is: ' + e.keyboardHeight);
    
    jQuery('body').animate({ 'marginTop': - e.keyboardHeight + 'px' }, 200);
    
    });
    
    this.keyboard.onKeyboardHide().subscribe(e => {
   
    jQuery('body').animate({ 'marginTop': - 0 + 'px' }, 200);
   
    });

#3

I’m also having this issue. It seems that the keyboard is not working at all on Android. It tries to scroll to an input box but often overlaps or scrolls past it.