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)

Most upvoted comments

When datepickers or input-dates are visible, I can’t click on ok and cancel buttons and even datepicker ok and cancel buttons.