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

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

clipboard.png

clipboard.png
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.