Input field is overlapped by keyboard

[nikosid]

Reproduced on Google pixel 3a

[haizad]

Just play around with input.textarea inside chat.css

/* I N P U T */

input.textarea {
position: fixed;
bottom: 35px; <-----
left: 0;
right: 0;
width: 95%;
height: 50px; <---------
z-index: 99;
background: #fafafa;
border: none;
outline: none;
padding-left: 15px;
padding-right: 15px;
color: #666;
font-weight: 400;
}