微信小程序清空input组件，真机调试为何出现问题？

问题描述：小程序清空input组件操作，在真机调试的时候，悬浮键盘状态下，会出现input组件无法清空的问题，多次点击才能清空。

直接贴代码
wxml

<view class="search-bar__box" style="width:{{cancel==true?'80%;':'100%'}}">
	<input class="search-bar__input" placeholder="请输入搜索内容" value="{{valuetxt}}" bindinput="MYinput" bindfocus="cancelshow" />
</view>
<!-- 取消按钮,点击清空input -->
<view class="search-bar__cancel-btn" hidden="{{!cancel}}" bindtap="cancel" style="width:{{cancel==flase?'20%;':'0'}}">取消</view>

js

cancel(){
    this.setData({
      cancel:false
    }),
    //延迟valuetxt删除
    setTimeout(() => {
      this.setData({
        valuetxt:''
      })
    }, 100)
  },

只需要设置延迟清空就可以了，亲测有效！