Emoticons keyboard overlay ion-footer(input)

Hello,

I have a problem with my keyboard. When I want to type(see screenshot) it works fine.
But when I want to add emoticons, the emoticons keyboard is over the input(see screenshot), so I can’t see what i’m typing.
Can someone help me out with this problem?

This is the code of the ion-footer where the input is in.

<ion-footer no-border>
        <div class="message">
            <form [formGroup]="chatmessageForm" (ngSubmit)="postChatMessage()">
                <ion-textarea
                    autoresize=75
                    type="text"
                    formControlName="message"
                    name="message" >
                </ion-textarea>
                <button [disabled]="!chatmessageForm.valid" class="send-message">
                    <ion-icon name="send_material"></ion-icon>
                </button>
            </form>
        </div>
</ion-footer>```

![IMG_0887|281x499](upload://ajU1K4jVNKUJCcuywnPHEzOoQJ8.jpg)