After injecting the keyboard to the component's constructor as usual, in the html file I hide some elements based on the visiibilty of the keyboard.
*ngIf="!keyboard.isVisible"
Issue 01
When I click on an input box, the keyboard appears but the relevant component is not hidden. When I start typing a letter on the keyboard, then it hides that component.
Issue 02
When the keyboard disappears after clicking the back button of the phone, the above component do not appear again. But, after losing the focus on the input box by touching somewhere else, then that component appears again.
As a whole, isVisible function does not correctly detect the visibility of the keyboard. I tried this in Ionic v5 App.
After injecting the keyboard to the component's constructor as usual, in the html file I hide some elements based on the visiibilty of the keyboard.
*ngIf="!keyboard.isVisible"
Issue 01
When I click on an input box, the keyboard appears but the relevant component is not hidden. When I start typing a letter on the keyboard, then it hides that component.
Issue 02
When the keyboard disappears after clicking the back button of the phone, the above component do not appear again. But, after losing the focus on the input box by touching somewhere else, then that component appears again.
As a whole, isVisible function does not correctly detect the visibility of the keyboard. I tried this in Ionic v5 App.
Any solution or a work around for this please??