adjustPan partially working on Android


#1

I’m using the ionic-plugin-keyboard in my ionic 1 app. It works fine on iOS but it doesn’t scroll in Android hiding the input fields sometimes.

I’m using android:windowSoftInputMode="adjustPan" in my Manifest and these are my input fields

<label class="item item-input">
  <input type="text" placeholder="E-mail" ng-model="user.email">
</label>

Fullscreen is disabled in config.xml : <preference name="fullscreen" value="false" /> but enabling it as suggested here doesn’t work too

This is my login.html

<ion-view>
  <ion-content >
    <div class="full column">
      <div class="column">
        <div class="row">
          <a class="social button button-outline button-light" ng-click="socialLogin('facebook')">
            <i class="icon ion-social-facebook"></i>
          </a>
        </div>
      </div>
      <div class="column">
        <div class="list">
          <label class="item item-input">
            <input type="text" placeholder="E-mail" ng-model="user.email">
          </label>
          <label class="item item-input">
            <input type="password" placeholder="Password" ng-model="user.password">
          </label>
        </div>
      </div>

      <button class="button button-outlinen"  ng-click="emailLogin(user)">
        LOGIN
      </button>
    </div>
  </ion-content>
</ion-view>

Style.css

.full {
  width: 100%;
  height: 100%;
}

.column {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}

App.js

$ionicConfigProvider.scrolling.jsScrolling(false);

Any tip on how to solve this?


#2

you can add ionic.Platform.fullscreen(); in your platform ready function… I guess it will work.


#3

With or without fullscreen, adjustPan doesn’t work. Also, I don’t want my app to be fullscreen


#4

you can add bolean inside ex: ionic.Platform.fullscreen(true, true); where the 1st parameter is showing fullscreen and the second is if you want the statusbar to be shown in your app.


#5

Didn’t knew about that, thanks! I’ll try it soon :wink:


#6

i am also didn’t know that. It even not stated fluently in the docs… you need to search for that really…


#7

That’s great! Unfortunately, it doesn’t work for me. I’ve also tried wrapping my content in a scrollable container ion-content/ion-scroll without success


#8

can you show your code? app.js css and html for that specific page?


#9

I’ve edited my answer with some code, thanks!


#10

Hi any news on this issue ?