Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Android soft keyboard hides the input field in bottom screen

See original GitHub issue

** Ionic v2 **

Android soft keyboard hides the input filed in the bottom of the screen. Need to scroll to bottom manually. But when I commented the app.bundle.js like below, It works fine and last input field automatically pulled up when I focus it.

<body>

  <!-- this Ionic's root component and where the app will load -->
  <!--<ion-app></ion-app>-->

  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>
  <div style="height:40px"><input type="text"/></div>

  <script src="cordova.js"></script>
  <!--<script src="build/js/app.bundle.js"></script>-->
</body>

Issue Analytics

State:
Created 7 years ago
Reactions:4
Comments:21 (5 by maintainers)

Top GitHub Comments

6reactions

JumBaycommented, May 10, 2016

I can confirm the issue. When an input get focused, the keyboard shows up and hide a part of the view. If your input is part of it, the user will have to scroll to it as you can see:

ionic_bug_input

The best behavior should be like natives app do, i.e. move the entire page like that:

ionic_normal_keyboard_behavior

1reaction

mpalandcommented, Jun 10, 2016

+1 Seeing the same issue on Moto G2 Android 6.0 device. Tried different things (see my forum post) but no luck. Virtual keyboard seems a bugging issue on both ios and Android.