微信小程序textarea组件的bug集合

1.textarea的内容随着屏幕上下移动

解决:
textarea组件在一个 position:fixed 的区域,需要显示指定属性 fixed 为 true


2.android机下,自定义模态框含有auto-height的textarea组件,弹起键盘,模态框被遮挡无法上弹

解决:
(1).获取键盘弹起高度
(2).设置模态框padding-bottom为键盘弹起高度

//wxml



//js
bindFocus(e){
  let _this = this;
  let keyboradHeight = e.detail.height;
  _this.setData({
    keyboradHeight
  })
}

3.ios下,自定义模态框含有auto-height的textarea组件,在textarea内部滑动,导致模态框底部页面随着滑动

解决:
即使通过catchtouchmove="true"阻止底部滚动事件不被触发,也无法阻止textarea穿透。目前只能不设置auto-height属性。


你可能感兴趣的:(微信小程序textarea组件的bug集合)