IonicPopup bug in a specific device (zoom view)


#1

I have a problem with ionicPopup that only occurs in Android Samsung Win 2.

I’m showing a popup with some inputs and in this time, it’s ok. Showing again to edit an input, the active view receives a zoom.

Popup Template:

<label class="item item-input item-floating-label">
    <span class="input-label" style="color:#90C400; font-size: 13px">Número do cartão</span>
    <input type="tel" placeholder="NÚMERO DO CARTÃO" ng-model="dadosPagamento.cartaoEdicao.numero" ng-keyup="mascaraCartao(dadosPagamento.cartaoEdicao.numero)" style="font-size: 13px" maxlength="23">
</label>

<label class="item item-input item-floating-label">
    <span class="input-label" style="color:#90C400; font-size: 13px">Nome do titular</span>
    <input type="text" placeholder="NOME DO TITULAR" ng-model="dadosPagamento.cartaoEdicao.titular" style="font-size: 13px; text-transform: uppercase">
</label>

<div class="row" style="padding: 0px">
    <div class="col" style="padding-left: 0px">
        <label class="item item-input item-floating-label">
            <span class="input-label" style="color:#90C400; font-size: 13px">MM</span>
            <input type="tel" placeholder="MM" ng-model="dadosPagamento.cartaoEdicao.mesvalidade" style="font-size: 13px" maxlength="2">
        </label>
    </div>
    <div class="col col-10 col-bottom" style="padding-left: 0px; padding-right: 0px" align="right">
        <p style="color: #AAAAAA; font-size: 13px">20</p>
    </div>

    <div class="col" style="padding-right: 0px">
        <label class="item item-input item-floating-label">
            <span class="input-label" style="color:#90C400; font-size: 13px">AA</span>
            <input type="tel" placeholder="AA" ng-model="dadosPagamento.cartaoEdicao.anovalidade" style="font-size: 13px" maxlength="2">
        </label>
    </div>
</div>

<label class="item item-input item-floating-label">
    <span class="input-label" style="color:#90C400; font-size: 13px">Cód. Segurança</span>
    <input type="tel" placeholder="CÓD. SEGURANÇA" ng-model="dadosPagamento.cartaoEdicao.codigoseguranca" style="font-size: 13px" maxlength="4">
</label>

<label class="item item-input item-floating-label" ng-show="exibirDadosAdicionais()">
    <span class="input-label" style="color:#90C400; font-size: 13px">CPF</span>
    <input type="tel" placeholder="CPF" ng-model="dadosPagamento.cartaoEdicao.cpf" maxlength="15" ng-keyup="mascaraCPF2(dadosPagamento.cartaoEdicao.cpf)" style="font-size: 13px">
</label>

<label class="item item-input item-floating-label" ng-show="exibirDadosAdicionais()">
    <span class="input-label" style="color:#90C400; font-size: 13px">Data de Nascimento</span>
    <input type="tel" placeholder="DATA DE NASCIMENTO" ng-model="dadosPagamento.cartaoEdicao.datanascimento" maxlength="10" ng-keyup="mascaraData2(dadosPagamento.cartaoEdicao.datanascimento)" style="font-size: 13px">
</label>    

Any idea about a solution?

Thanks! And sorry my poor english.