Hi,
I’m facing a problem with the click attribute on buttons. When clicking the css changes but it does not fire the event. I really need help.
Update: The bug occurs only on android device in average of 70% of times
android 7.0
ionic cli: 3.19.1
<ion-col col-6>
<div class="keys" *ngIf="showKeys" [ngClass]="{'closeKeyboard' : closingKeyboard, 'showKeyboard' : showKeys}">
<div class="keys-content">
<div class="step-one" [ngClass]="{'outPlease' : outPlease == 1, 'animateRight' : animateRight == 1 && outPlease != 1}">
<ion-row *ngIf="message">
<ion-col>
<h4 class="message">{{message}}</h4>
</ion-col>
</ion-row>
<ion-row class="block preview">
<ion-col col-8>
<div class="view" [ngClass]="{'shakeMe': shakeMe}">{{showHiddenPassword()}}</div>
</ion-col>
<ion-col col-4>
<button ion-button full color="dark" (click)="reset()">Effacer</button>
</ion-col>
</ion-row>
<ion-row class="block">
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(7)">7</button></ion-col>
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(8)">8</button></ion-col>
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(9)">9</button></ion-col>
</ion-row>
<ion-row class="block">
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(4)">4</button></ion-col>
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(5)">5</button></ion-col>
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(6)">6</button></ion-col>
</ion-row>
<ion-row class="block">
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(1)">1</button></ion-col>
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(2)">2</button></ion-col>
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(3)">3</button></ion-col>
</ion-row>
<ion-row class="block">
<ion-col col-4><button ion-button full color="light" class="key-button" (click)="addValue(0)">0</button></ion-col>
<ion-col col-8><button ion-button full color="secondary" class="key-button" (click)="login()">Valider</button></ion-col>
</ion-row>
</div>
</div>
</div>
</ion-col>
addValue(value){
if(this.resetKeyboard){
this.value = '';
}
this.value += value;
this.resetKeyboard = false;
}