skol-pro / ion-digit-keyboard

A digital keyboard for apps build using the Ionic framework.
MIT License
47 stars 20 forks source link

resizeContent not work on iOS Device #5

Open 901F opened 7 years ago

901F commented 7 years ago

I use resizeContent property

on my device keyboard display over my input

14273542_1204215962972060_1792762095_o

my keyboardSetting

$scope.keyboardSettings = {
        resizeContent: true
 }

my view

<ion-content>
...
</ion-content>
<ion-digit-keyboard settings="keyboardSettings" ng-show="keyboardVisible"></ion-digit-keyboard>
skol-pro commented 7 years ago

Hi zMADCATz !

Ok I suppose the content of you ion-content has some elements with defined heights ?

901F commented 7 years ago

@skol-pro I try to change img to ion-item

simulator screen shot sep 13 2559 be 10 31 20

my full code

<ion-content class="bg">
    <div class="list padding">
      <ion-item>
        1
      </ion-item>
      <ion-item>
        2
      </ion-item>
      <ion-item>
        3
      </ion-item>
      <ion-item>
        4
      </ion-item>
      <ion-item>
        5
      </ion-item>
      <ion-item>
        6
      </ion-item>
      <form name="transferForm" ng-submit="transfer(transferTo, money)">
        <label class="item item-input label-login">
          <span class="input-label label-app">Transfer To : </span>
          <input type="text" ng-model="transferTo" class="input-login" ng-click="showKeyboard(false)">
        </label>
        <label class="item item-input label-login">
          <span class="input-label label-app">Total : </span>
          <input type="text" ng-model="money" ng-click="showKeyboard(true)" class="input-login" readonly="true" style="background: none">
        </label>
        <button type="submit" class="button button-block button-login">
            confirm
        </button>
      </form>
    </div>
  </ion-content>
  <ion-digit-keyboard settings="keyboardSettings" ng-show="keyboardVisible"></ion-digit-keyboard>
skol-pro commented 7 years ago

As I supposed, those elements have a fixed height. Then I suggest you to not use resizeContent and let the user scroll the panel. I should add a functionality to be able to resize and auto scroll to the focussed input.

jiboune commented 7 years ago

+1 for the auto scroll feature, this will improve a lot the user experience. Can't use your plugin for now because of this.