Need to click ion-button two times to trigger the click event

Bug Report

Ionic version: 5.4.16

Current behavior: I have to click two times to trigger the click event of an ion-button code chunk below

Expected behavior: It should trigger the (click) saveMessage() function

Steps to reproduce: open the keyboard by focusing on ion-textarea and press save when keyboard. is up press the save button the saveMessge() method wont fireup

Related code:

<div class="msgContainer">
    <div class="defaultFont ion-padding-bottom"><b> Instructions:</b></div>
    <div class="inputContainer">
      <div class="login-input">


        <ion-textarea (ionBlur)="checkBlur(true)" (ionFocus)="checkFocous(false)" [(ngModel)]="item"></ion-textarea>


      </div>
      <ion-button tappable color="primary"  (click)='saveMessage(item)'>Save</ion-button>
    </div>
    <ion-list class="listClass" *ngIf="!isBlur">
      <ion-item>dummy test1</ion-item>
      <ion-item>dummy test2</ion-item>
      <ion-item>dummy test3</ion-item>

    </ion-list>
  </div>

[achakra21]

When I removed (ionBlur)="checkBlur(true)" (ionFocus)="checkFocous(false)"

It worked I was using ionBlur and ionFocus for detecting keypad is on or not , now I am getting that using Capacitor Keyboard Plug-in

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.