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

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

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

<textarea fixed="true"></textarea>

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

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

//wxml
<view style="padding-bottom:{{keyboradHeight}}px;">
<textarea bindfocus="bindFocus"></textarea>
</view>

//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></textarea>