Ionic 4: Chatapp. Keyboard covers ion-textarea on focus

Ionic Framework ionic-v3
1

Hi All,

I am creating a whatsapp like application. Currently I am facing issue with keyboard covering my ion-textarea, which I place in the ion-footer when running application on my android v9 device. In ionic 3, there is no issue with such as the keyboard automatically pushed up and resize the content of the application. Is there any legit method that can be implemented for this issue?

I did some quick search online, almost everyone is facing such issue with multiple hacks and workaround. Just wondering if anyone found a proper way to handle this problem for chat application. :slight_smile:

Is Ionic Team able to provide some help on this? Thank you.

2

Ops. I got my answer. Like finally!

Just have to add these lines in my config.xml file and remove and add platform android again for it to work.

<platform name="android">
<edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application/activity[@android:name='MainActivity']">
    <activity android:windowSoftInputMode="adjustResize" />
</edit-config>
...
</platform>

This help help to resize my ion-content when the keyboard is up automatically. Can change to adjustPan if you do not wish to resize your ion-content when the keyboard is up.

Cheers. :slight_smile: