I've been working on an app that opens a modal with a few buttons and an ion-textarea. After clicking the backdrop of the modal, the textarea would focus for a short period of time and open the native keyboard of the device, which is unintended. After looking on StackOverflow and the ionic framework forum, I didn't find a fix for this bug so I tried fixing it myself.

Eventually, I figured out that adding an ion-input to the page and hiding it from the user, prevents the modal from focussing on the textarea on modal dismiss.

This might not be the most clean fix, but it sure beats the user from seeing the keyboard for a short time when he does not click the ion-textarea element.

HTML: <ion-input class="keyboard-focus-bugfix"></ion-input>

SCSS:

.keyboard-focus-bugfix {
  display: none;
}