Long forms and keyboard


#1

Hi, I’m simply trying to have a long form with many input texts but I never can’t see what I’m typing in the last 3 or 4 fields.
Watch this video to see what I mean:

I already added overflow-scroll=“true” (as you suggested in another post and it helps me to fix other issues… thanx) so my view is the following:

<view title="'MyForm'">
  <content has-header="false" has-tabs="false" overflow-scroll="true">
    <div class="list list-inset">
      <label class="item item-input">
        <span class="input-label">Your name</span>
        <input type="text">
      </label>
      <label class="item item-input">
....

and my viewport :

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

any suggestion?

Thanks in advance
Fabio


#2

I meet the same problem here, can someone solve it for us?
Thank you!


#3

Change your meta viewport settings to the following.
Include the height=device-height.

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width height=device-height">

#4

My app started acting strange with the height=device-height today i removed it and it’s working properly so my previous fix doesn’t seem to work anymore


#5

@vialware I tried to include height=device-height but nothing happened.
I also updated ionic to newest version but it’s still doesn’t work.


#6

Can you folks give us a code sample? With that, maybe we can wrap it in Cordova project and pass it on to the devs for more analysis.