In the applet, the bottom position:fixed is fixed at the bottom, and the pop-up soft keyboard will block the bottom.

  html5, question
 padding: 16rpx;
 display: flex;
 position: fixed;
 bottom: 0;
 width: 100%;
 box-sizing: border-box;
<view class="section-input">
 <input bindinput="bindKeyInput" class="message-input" value='{{inputValue}}' />
 < buttonbind tap = "additem" class =' btn-add' > send < /button >


The input box is slightly obscured
How to solve

Is there a better solution guaranteed at the bottom of the screen?

It seems that not only small programs but also input boxes in fixed elements in other browsers have similar problems.

It is recommended that input boxes should not be placed in fixed elements. Put something that looks like an input box. Then click and jump to a new page to enter a message and send it.