Myujth

I have problems with input on iOS. On Android, everything works fine. After entering the application, I click on the input and the keyboard appears. Then when I remove the keyboard and click on the input again, another part of the screen is pressed. Did someone face such a problem?

I tried scrollAssist: false, autoFocusAssist: false, but does not help.

imports: [
 BrowserModule,
HttpClientModule,
 HttpModule,
 IonicStorageModule.forRoot(
 name: '__ForeverDB',
 driverOrder: ['indexeddb', 'sqlite', 'websql']
 ),
 IonicModule.forRoot(ForeverApp, 
 scrollAssist: false,
 autoFocusAssist: false,
 tabsHideOnSubPages: true,
 platforms: 
 ios: 
 backButtonText: 'Назад',
 
 
 ),
],

This issue is happening with the keyboard plugin on iOS 12.

When the keyboard hides the HTML document does not return to its original height, all the content is visible but not avaliable to be "touched"

Try this:

On the app.component.ts, inside the constructor, every time the keyboard shows set the height as auto for the HTML tag using renderer2.

When the keyboard hides set the height as 101vh and this will make the app to readjust the height.

import Renderer2 from '@angular/core';

//Get the HTML tag
let html = document.getElementsByTagName('html').item(0);

this.keyboard.onKeyboardHide().subscribe(() => 
 this.renderer2.setStyle(html, 'height','101vh')
);

this.keyboard.onKeyboardShow().subscribe(() => 
 this.renderer2.setStyle(html, 'height','auto')
);