出现问题的客户机型:iphone6、iphone8
微信版本:7.0.10
基础库2.10.1
手机系统:12.4.4
目前收到有部分客户反馈他们的 textarae 输入大量文字,超过textarea区域需要上下滚动时,无法上下滚动查看,也没有滚动条。
经排查,我们的输入框(textarea),是有一个view做蒙层,在该蒙层上catchtouchmove,绑定了touchmove事件(该事件是空的,没有任何操作),防止用户滑动时滑动输入框影响到最底层的view滑动加的,在textarea下一层的view绑定了touchmove,就会导致输入框无法滑动的问题。我们将touchmove事件取消绑定后,客户可以就滑动了textarea了。
附代码:
wxml文件:
这是固定在底部的输入框 </view>
</view>
js文件:
none: function () {
},
如去除view的catchtouchmove="none",用户有大段文字时可在textarea正常上下滚动
看到你在 textarea 父容器中有 catchtouchmove,同层之后这个会阻止事件冒泡及滚动行为,其中也包括 textarea 的滚动。
反馈一个bug,IOS设备当textarea为auto-height的时候,输入字数超过高度原本高度要增高的时候文字会往上走,而且无法滑动查看
textarea同层渲染有预计什么时候上吗?我们要对应修改方案。
我们有些placeholder要换行是放view上去做的假的placeholder。如果同层了。我们的placeholder就都凉了
谢邀。这个问题,应该要官方优化textare组件了
这个比较难搞。
是的,是在灰度,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
<view class="page-section" style="position:fixed;bottom:0;left:0;right:0;" catchtouchmove="none" >
<view class="page-section-title">这是固定在底部的输入框</view>
<view class="textarea-wrp" >
<textarea auto-focus="true" style="height: 4em" maxlength="-1" fixed="true" />
</view>
</view>