ion-digit-keyboard
ion-digit-keyboard copied to clipboard
resizeContent not work on iOS Device
I use resizeContent property
on my device keyboard display over my input
my keyboardSetting
$scope.keyboardSettings = {
resizeContent: true
}
my view
<ion-content>
...
</ion-content>
<ion-digit-keyboard settings="keyboardSettings" ng-show="keyboardVisible"></ion-digit-keyboard>
Hi zMADCATz !
Ok I suppose the content of you ion-content
has some elements with defined heights ?
@skol-pro
I try to change img
to ion-item
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>
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.
+1 for the auto scroll feature, this will improve a lot the user experience. Can't use your plugin for now because of this.