I have a chat screen and it has two main issues with the keyboard appearing. I searched all around and couldn’t find a solution. The issues are - and I will mark them as issue 1 and issue 2 so that the replies are clear.
Issue 1: On tapping on the input field the keyboard appears and the whole screen scrolls up including the header, . I am using
.input-cover { position: static; }
in the scss. The desired behaviour is that the header stays (does not scroll up and disappear from the screen) and only the messages and the input area scrolls up. The solution in this SO https://stackoverflow.com/a/36804830/7544130 leads to the App crashing on iOS.
Issue 2: After typing, on pressing on the send button, the keyboard disappears in iOS. For Android, in the send button function, I use the code below, but it does not work in case iOS.
if (this.platform.is('android')) {
this.keyboard.show();
}
Anyone found a solution for both or any of the two issues?
Thanks