Keypad cover up 'Input Form' in iOS Device


#1

Hello Everyone

I have some problem when I build in IOS device.
The problem is,
when I type form input, the keyboard shows,
but the screen not adjust or not go up.
So the form input behind the keypad.
Here the picture:

Tyvm


#2

I Fix It…

I make all css to default setting.
And in app.component.ts I add this script:

if (platform.is('ios')) {
  let 
    appEl = <HTMLElement>(document.getElementsByTagName('ION-APP')[0]),
    appElHeight = appEl.clientHeight;

  Keyboard.disableScroll(true);

  window.addEventListener('native.keyboardshow', (e) => {
    appEl.style.height = (appElHeight -(<any>e).keyboardHeight) + 'px';
  });

  window.addEventListener('native.keyboardhide', () => {
    appEl.style.height = '100%';
  });
}