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>