ionic-framework: bug: Buttons not working on modal on ios9
Type: <span ionic-type>bug</span>
Platform: <span ionic-platform>ios</span> <span ionic-platform-version>9</span> <span ionic-webview>webview</span>
<span ionic-description>I have following HTML on a Modal (Texts are on Portuguese):
<ion-modal-view>
<ion-header-bar>
<h1 class="title">{{title}}</h1>
</ion-header-bar>
<ion-content>
<form name="form" method="get" novalidate="novalidate" ng-submit="callBack(form)">
<label class="item item-input">
<div class="input-label">Pedido</div>
<input type="text" ng-model="order.number" placeholder="Toque para editar" ng-change="order.setAlphanumeric()">
</label>
<div class="item item-divider">Tipo</div>
<ion-radio name="type" ng-model="order.selectedType" ng-value="order.type.order">Pedido</ion-radio>
<ion-radio name="type" ng-model="order.selectedType" ng-value="order.type.load">Carregamento</ion-radio>
<div class="item item-divider">Intervalo</div>
<ion-radio name="interval" ng-model="order.last_thirty_days" ng-value="true" on-tap="order.setDateInterval()">Últimos 30 dias</ion-radio>
<ion-radio name="interval" ng-model="order.last_thirty_days" ng-value="false">Periodo</ion-radio>
</div>
<label class="item">
<div class="item-content">De</div>
<ionic-datepicker date="order.date_from" callback="order.setDateFrom">
<button type="button" class="button button-block">{{ order.date_from | date:'dd/MMMM/yyyy' }} </button>
</ionic-datepicker>
</label>
<label class="item">
<div class="item-content">Até</div>
<ionic-datepicker date="order.date_to" callback="order.setDateTo">
<button type="button" class="button button-block">{{ order.date_to | date:'dd/MMMM/yyyy' }} </button>
</ionic-datepicker>
</label>
<div class="button-bar">
<button type="button" class="button button-default" on-tap="closeModal()">Voltar</button>
<button type="submit" class="button button-positive">Ok</button>
</div>
</form>
</ion-content>
</ion-modal-view>
Modal opens correctly but I can’t click on the buttons inside div button bar. I’ve tried several things but when I discovered that when I remove the datepicker elements (it was input date before) it works.</span>
<span is-issue-template></span>
About this issue
- Original URL
- State: closed
- Created 9 years ago
- Comments: 16 (2 by maintainers)
When datepickers or input-dates are visible, I can’t click on ok and cancel buttons and even datepicker ok and cancel buttons.