ion-digit-keyboard icon indicating copy to clipboard operation
ion-digit-keyboard copied to clipboard

resizeContent not work on iOS Device

Open 901F opened this issue 8 years ago • 4 comments

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>

901F avatar Sep 12 '16 11:09 901F

Hi zMADCATz !

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

skol-pro avatar Sep 12 '16 11:09 skol-pro

@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>

901F avatar Sep 13 '16 03:09 901F

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.

skol-pro avatar Sep 13 '16 08:09 skol-pro

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

jiboune avatar Feb 08 '17 09:02 jiboune